Hero Split
freev1.0.1Two-column landing hero with eyebrow badge, headline, two actions and a media slot. Media side is switchable; stacks cleanly on mobile.
- Category:
- Hero sections
- Tags:
- landing, marketing, two-column
- react:
- ^19
- shadcn:
- >=3.0
- tailwind:
- ^4
- Audited:
- a11y, dark mode, ts strict, responsive
npx shadcn@latest add https://ourui.dev/r/hero-split.jsonAutomated audit
Last run
Renders: passed
light + dark at 375px / 1280px
axe-core: passed
no serious or critical violations
Bundle: passed
1.2 kB gzip of 40.0 kB budget
Shadcn styles: passed
installs, typechecks and renders in base-nova, radix-nova
Dependencies: warning
no release in 12 months: class-variance-authority
Dependencies
- shadcn/badge
- shadcn/button
- class-variance-authority
- lucide-react