3D Torus with Bloom

Shadcn UI Shader Block

Shader11 is a full-screen 3D background built with Shadcn UI and React Three Fiber, featuring a torus constructed from 30 instanced slices arranged in a ring. Each slice uses a superellipse profile with beveled edges and rotates slowly on the Y axis while individual slices twist in sync. The scene sits on a blue gradient backdrop and uses ambient, directional, spot, and point lights in cyan and blue tones. Bloom post-processing with two passes adds a soft glow to the metallic surfaces.

The torus uses a physical material with high metalness, iridescence, and subtle emissive blue. The gradient behind it runs from dark navy to mid blue. Shadows are enabled. The overall effect is a floating, glowing ring that reads as tech or sci-fi.

This has a polished, premium feel suited to product or landing page hero sections. The instanced geometry and bloom make it more elaborate than a simple shader plane. The fixed lighting and gradient give it a consistent look without requiring customization.