Shadcn UI Shader Block
Shader1 is a full-screen shader background built with Shadcn UI and React Three Fiber, using a raymarched fragment shader to render 3D organic shapes. The scene rotates on multiple axes and uses a raymarching loop with smoothstep for soft volumetric lighting. A single color prop controls the tint (default blue). The shader accepts custom vertex and fragment code and uniforms for full override.
Monochromatic with bright highlights against darker areas. The shapes read as abstract blobs or terrain. Continuous rotation. No gradients beyond the color tint.
Abstract and tech-forward. The raymarched aesthetic is distinctive. Low complexity with one color prop. Accepts custom shaders for advanced users.
Dependencies
| Package | Type |
|---|---|
| @react-three/fiber | NPM |
| react | NPM |
| three | NPM |