Components
full-screen React shader component that renders a dynamic, braided iridescent background using Three.js and a custom GLSL fragment shader. It produces flowing, half‑circle braided waves with thin‑film style iridescence, subtle rim lighting, ambient occlusion, and vignette for a polished UI backdrop.
npx @21st-dev/cli add dhileepkumargm/iridescent-braided-shaderLoading preview...
import ShaderAnimation from "@/components/ui/iridescent-braided-shader";
export default function DemoOne() {
return <ShaderAnimation />;
}