Components
Loading preview...
AuroraWaves is a dynamic WebGL background component built with OGL that renders smooth, flowing wave lines with a glassmorphic glow. It creates a subtle aurora-like motion effect that adapts to both dark and light themes, making it ideal for modern hero sections. The component blends multiple sine-based waveforms with glowing edges, ensuring a balance between visual appeal and readability of foreground content. With configurable properties like speed, glow intensity, and theme, AuroraWaves provides a flexible and performance-friendly background animation that enhances the atmosphere without overwhelming the design.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/aurora-wavesimport AuroraWaves from "@/components/ui/aurora-waves";
export default function DemoOne() {
return <AuroraWaves />;
}