Components
FlowingCurtains
A full-screen, canvas-driven aurora “curtains” effect that drifts like flowing curtains of light. Built with a self-contained Simplex noise implementation, this component layers glowing starfields with sinuous ribbon shapes that sway organically over time. Perfect for immersive hero sections, ambient backgrounds, or generative-art overlays.
import AuroraCurtains from "@/components/ui/flowing-curtains";
const settings = {
starCount: 200,
ribbonCount: 5,
ribbonSpeed: 0.05,
swayAmplitude: 0.5,
trailOpacity: 0,
ribbonSegments: 20,
};
export default function Demo(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<div className="h-screen w-screen">
<AuroraCurtains {...s} className="w-full h-full" />
</div>
);
}