Kaleidoscope Swirl Shader

Shadcn UI Shader Block

Shader2 is a full-screen shader background built with shadcn/ui and React Three Fiber, rendering a kaleidoscope-style pattern with rotating fractal-like shapes. The shader uses iterative coordinate transforms and sine-based math to produce swirling, symmetric forms. A single color prop controls the tint (default purple). Custom vertex and fragment shaders are supported.

Monochromatic with bright highlights and darker recesses. The pattern reads as a kaleidoscope or mandala. Continuous rotation and morphing.

Abstract and hypnotic. The symmetric swirl pattern is distinctive. Low complexity with one color prop.