Dev Design Library

Hero 12

A full-bleed image hero with an oversized name, an established label, and a floating pill CTA anchored to the corner.

Hero 12 preview
Library
FLX UI
Framework
React
Type
block
License
AGPL-3.0
Dependencies
react-wrap-balancer
Install
pnpm dlx shadcn@latest add @flx/hero-12
Files
  • registry/blocks/hero/hero-12/hero-12.tsx
  • src/components/ui/button.tsx
  • src/lib/utils.ts
Source
https://github.com/felipemenezes098/ui-flx

Categories

More from FLX UI