Hero 01

A centered serif hero with a soft gradient wash, pill CTA, and a floating integration cloud.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

react-wrap-balancer

Install

pnpm dlx shadcn@latest add @flx/hero-01

Files

• registry/blocks/hero/hero-01/hero-01.tsx
• registry/blocks/hero/hero-01/hero-01-integration-cloud.tsx
• src/components/ui/button.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• shadcn/ui Backdrop Components
• Gradient Background Components
• React Gradient Background Components
• Tailwind CSS Gradient Background Components
• Hero Components
• React Hero Components
• Tailwind CSS Hero Components
• Animated Hero Components

More from FLX UI

• Announcement bar
• Hero 02
• Hero 03
• Hero 04
• Hero 05
• Hero 06
• Hero 07
• Hero 08
• Hero 09
• Hero 10
• Hero 11
• Hero 12