Aurora hero

Centered hero with a drifting aurora, dotted backdrop, announcement pill and staggered copy.

Library

Velora UI

Framework

React

Type

block

License

MIT

Dependencies

lucide-react

Install

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

Files

• src/components/blocks/hero-aurora.tsx
• src/components/velora/animated-gradient-text.tsx
• src/components/velora/aurora-background.tsx
• src/components/velora/blur-fade.tsx
• src/components/velora/grid-pattern.tsx
• src/components/velora/shimmer-button.tsx
• src/lib/utils.ts
• src/components/ui/button.tsx

Source

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

Categories

• Aurora Background Components
• React Aurora Background Components
• Tailwind CSS Aurora Background Components
• 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

More from Velora UI

• Aurora Background
• Globe split hero
• Developer tool hero
• Hero Parallax
• Product screenshot hero
• Phone split hero
• Wavy hero
• Image Slider
• Lamp
• Macbook Scroll
• 3D Card
• 3D Marquee