Shader 2 - Kaleidoscope Swirl Shader

Pro

A full-screen shader background with kaleidoscope-style rotating shapes, fractal-like patterns, configurable color, and time-based animation.
Shadcn Shader 2 block

Component Data

  • ID:shader2
  • Access:pro
  • Created:Dec 17, 2025
  • Type:block

Shader 2 block design & features

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.