Flowing Organic Shader

Shader 13Pro

A full-screen shader background with fluid, organic shapes driven by sine and cosine distortion, single configurable color, and time-based animation.

Shadcn UI Shader Block

Shader13 is a full-screen shader background built with Shadcn UI and React Three Fiber, rendering a single plane with a procedural fragment shader. The effect produces flowing, organic shapes that morph over time using sine and cosine distortion. A single color prop controls the tint (default red). A time multiplier prop adjusts animation speed.

Monochromatic with bright highlights against darker areas. The shapes read as abstract blobs or fluid forms. No gradients or secondary colors. Continuous, smooth animation.

Abstract and minimal. The single-color constraint keeps it simple and easy to match a brand palette. The flowing motion is distinctive. Low complexity: one color and one time multiplier for customization.

Dependencies

PackageType
@react-three/fiberNPM
reactNPM
threeNPM