Preview live, install via shadcn or copy the source.
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| features | FeatureItem[] | — | Yes | Array of features with title, description, eyebrow and optional badge. |
| videoSrc | string | — | Yes | Video source URL for the expanding card. |
| poster | string | — | No | Poster image for the video. |
| title | React.ReactNode | — | No | Section heading. |
| eyebrow | React.ReactNode | — | No | Eyebrow above heading. |
| description | React.ReactNode | — | No | Description under heading. |
| height | string | h-[300vh] | No | Tailwind height class for pinned scroll distance. |
| scrollDistance | string | — | No | CSS height overriding Tailwind height. |
| scroller | string | HTMLElement | null | — | No | Custom ScrollTrigger scroller. |
| initialWidth | string | 420px | No | Initial width of video card. |
| initialHeight | string | 240px | No | Initial height of video card. |
| targetWidth | string | 640px | No | Target width when fully expanded. |
| targetHeight | string | 380px | No | Target height when fully expanded. |
| videoClassName | string | — | No | Additional class for video wrapper. |
| cardClassName | string | — | No | Additional class for each feature card. |
| className | string | — | No | Wrapper class for the section. |