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
| Package | Type |
|---|---|
| @react-three/fiber | NPM |
| react | NPM |
| three | NPM |