Installation
Usage
import AuroraWaves from "@/components/ruixen/aurora-waves";
export default function App() {
return (
<div className="relative h-screen w-full">
<AuroraWaves speed={1.0} glow={15.0} theme="dark" resolutionScale={1.0} />
<div className="relative z-10">{/* Your content here */}</div>
</div>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
speed | number | 1.0 | Animation speed multiplier |
glow | number | 15.0 | Glow intensity around waves |
theme | "dark" | "light" | "dark" | Color theme for the background |
resolutionScale | number | 1.0 | Scale factor for rendering resolution |