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.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds FlowingCurtains to your project and fits it to your theme.

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>
  );
}