Dev Design Library

Hero 11

A split-copy hero with a light product studio mock — issue feed, properties, and a floating agent panel that fades into the page.

Hero 11 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-11
Files
  • registry/blocks/hero/hero-11/hero-11.tsx
  • registry/blocks/hero/hero-11/hero-11-studio.tsx
  • src/components/ui/avatar.tsx
  • src/components/ui/badge.tsx
  • src/components/ui/button.tsx
  • src/components/ui/separator.tsx
  • src/lib/utils.ts
Source
https://github.com/felipemenezes098/ui-flx

Categories

More from FLX UI