Infinite Motion Hero
Centered hero with a drifting collage of product screenshots, a primary button, and a text link.
Add to your project
Checking access...
Works with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSProps
| Prop | Type | Description |
|---|---|---|
headline | string | Main heading text. |
subcopy | string | Supporting text. |
primaryCta | string | Primary action label. |
primaryHref | string | Primary action URL. |
secondaryCta | string | Text link label. |
secondaryHref | string | Text link URL. |
previews | InfiniteMotionHeroShot[] | Screenshots behind the copy. Each shot has src and className. Defaults to none. |
marks | InfiniteMotionHeroMark[] | Small logos under the actions. Pass an empty array to hide them. |
className | string | Styles for the outer section. |