A full-screen, wave-driven ribbon shader that mimics the dancing hues of the aurora borealis. Exposes amplitude and frequency props for real-time control.
"use client"; import AuroraFlowShader from "@/components/ui/aurora-flow-shader"; const settings = { amplitude: 0.3, frequency: 4.0, }; export default function Demo(props: Partial<typeof settings>) { const s = { ...settings, ...props }; return ( <div className="h-screen w-screen"> <AuroraFlowShader amplitude={s.amplitude} frequency={s.frequency} /> </div> ); }