Shader 13 - Flowing Organic Shader

Pro

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

Component Data

  • ID:shader13
  • Access:pro
  • Created:Nov 10, 2025
  • Type:block

Shader 13 block design & features

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.