Dev Design Library

Hero 02

A left-aligned serif hero with a media panel: an image backdrop with a floating dashboard mockup on top.

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

Categories

More from FLX UI