Components
Loading preview...
*A mesmerizing hero section featuring animated 3D light beams with glassmorphic navigation. Perfect for modern SaaS, creative agencies, and tech startups looking to make a bold first impression.* ## **Key Features Listed:** - Animated 3D light beams background - Glassmorphic pill-shaped navigation - Shimmer button effects - Fully responsive design - Black & white aesthetic ## **Custom Button Component** - Built-in shimmer effect on hover - Three variants: `default`, `outline`, `ghost` - Two sizes: `sm`, `lg` - Fully typed with TypeScript - No external dependencies
@muhammad-binsalman
npx shadcn@latest add https://21st.dev/r/muhammad-binsalman/ethereal-beams-heroimport EtherealBeamsHero from "@/components/ui/ethereal-beams-hero";
export default function DemoOne() {
return <main>
<EtherealBeamsHero />
</main>
}