Raymarched 3D Shader

Shader 1Pro

A full-screen shader background with raymarched 3D shapes, rotating scene, configurable color, and smooth volumetric lighting.

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

PackageType
@react-three/fiberNPM
reactNPM
threeNPM