Wavy hero

Bold centered hero over flowing waves, with a rotating headline word and avatar social proof.

Library

Velora UI

Framework

React

Type

block

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add https://velora.colorlib.com/r/hero-waves.json

Files

• src/components/blocks/hero-waves.tsx
• src/components/velora/avatar-circles.tsx
• src/components/velora/blur-fade.tsx
• src/components/velora/flip-words.tsx
• src/components/velora/shimmer-button.tsx
• src/components/velora/wavy-background.tsx
• src/lib/utils.ts
• src/components/ui/button.tsx

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Animated Text Components
• React Animated Text Components
• Tailwind CSS Animated Text Components
• Avatar Components
• React Avatar Components
• Tailwind CSS Avatar Components
• Animated Avatar Components
• shadcn/ui Avatar Components
• Avatar Group Components
• React Avatar Group Components
• Tailwind CSS Avatar Group Components
• Animated Avatar Group Components

More from Velora UI

• Animated Tooltip
• Avatar Circles
• Flip Words
• Aurora hero
• Globe split hero
• Developer tool hero
• Hero Parallax
• Product screenshot hero
• Phone split hero
• Hyper Text
• Image Slider
• Lamp