Shadcn UI Shader Block
Shader9 is a full-screen shader background built with Shadcn UI and React Three Fiber, using raymarching to render a 3D torus with a wavy cross-section. The torus rotates and glows. Mouse position is passed as a uniform; when the ray intersects near the cursor, the color shifts to red. Dark blue-gray base with purple accents.
Dark palette with purple glow. The mouse proximity creates a red highlight. Continuous rotation. Tone mapping applied.
Interactive and tech-forward. The mouse-following highlight is distinctive. Moderate complexity with mouse interaction.
Dependencies
| Package | Type |
|---|---|
| @react-three/fiber | NPM |
| react | NPM |
| three | NPM |