Gradient sphere templates: animated 3D spheres for websites

Gradient sphere templates for websites: animated 3D gradient spheres in eight colours, a frosted glass sphere with a glowing ember inside, and a landing page hero with eight spheres around the headline. Every gradient sphere is a live WebGL shader, so the colours swirl and turn in the browser, stay sharp on any screen and need no Three.js and no video files. Copy a sphere into Claude Code, Lovable, Bolt, Replit or Cursor and use it as a hero visual, an AI assistant orb or a brand mark.

Looking for ideas first? See website design ideas, or give your AI tool a design system with DESIGN.md templates.