ourui

Hero Centered

prov1.0.1

Centred landing hero with an announcement pill, two actions, small print and a grid or glow backdrop drawn from your theme.

Category:
Hero sections
Tags:
landing, marketing, announcement, grid-background
react:
^19
shadcn:
>=3.0
tailwind:
^4
Audited:
a11y, dark mode, ts strict, responsive
npx shadcn@latest add https://ourui.dev/r/hero-centered.json
Loading…

Automated 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/button
  • class-variance-authority
  • lucide-react