Hero 286 - Marquee Features Hero With Masked Edges

Pro

Editorial headline plus CTAs in the container, then a full-width muted band with horizontally scrolling hero-feature-icons rows paused on hover and gradient fades masking both sides; optional bordered panorama below.

Shadcn Hero 286 block

Component data

ID
hero286
Access
pro
Created
May 5, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Hero 286 block design & features

Hero286 is a marketing hero built with shadcn/ui and kibo-ui marquee components, keeping badge, headline, description, and dual CTAs inside the centered container, then expanding into a full-width muted band with horizontally scrolling inline feature rows and optional bordered panorama below.

Compact icon-and-text rows loop seamlessly inside the band with gradient edge fades that dissolve tiles into the gutter, pausing motion on hover so longer descriptions stay readable. The optional panorama adds a static anchor after the motion strip.

Dynamic and editorial with moderate complexity from continuous marquee motion plus optional wide imagery. Distinctive within hero-feature-icons for teams that want motion-based proof without card grids and need multiple feature strings sized for horizontal scroll.