Shadcn UI Shader Block
Shader20 is a full-screen shader background built with shadcn/ui and React Three Fiber, combining glass rod refraction with metaballs. The shader uses a cylindrical refractive surface and samples two metaballs that orbit. metaballColor and backgroundColor props control the palette (default black on white). A timeMultiplier prop controls animation speed. Portrait orientation rotates the layout.
Two-color palette with glass and metaball shapes. The effect reads as liquid or organic blobs behind glass. The metaballs merge and separate. Continuous animation.
Minimal and organic. The metaball-plus-refraction combination is distinctive. Low complexity with metaball and background color props.