Shader 9 - Glowing Torus with Mouse

Pro

A full-screen shader background with raymarched 3D torus, glow effect, mouse proximity highlight (red), and dark color palette.
Shadcn Shader 9 block

Component Data

  • ID:shader9
  • Access:pro
  • Created:Dec 17, 2025
  • Type:block

Shader 9 block design & features

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.