Grids & Layouts
Cinematic Stack
Cinematic scroll-stacked feature grid with sticky cards and smooth transitions.
featurecinematicstickyscroll
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
features | Array<{title: string, desc: string, icon?: React.ReactNode, img?: string}> | [{title: 'Global Edge', desc: 'Latency is a choice. We chose zero.', img: '...'}, ...] | Array of feature items with title, description, optional icon, and optional image. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
stickyTop | string | top-24 | Sticky positioning class (Tailwind class). |