Opal Loop

A rounded opalescent glass sphere with sculpted spiral bands and shifting iridescent reflections.

About this tool

A procedural Three.js glass sculpture with rounded helical relief, a milky refractive core and cyan, lilac and pale-gold highlights. The component has a transparent background: no black rectangle, labels or viewer chrome. Adjust size, tilt, tint, roughness, transmission, iridescence, lighting and rotation in the editor. Automatic animation respects reduced motion and pauses outside the viewport. Export HTML, React or Svelte with the same renderer; Three.js 0.180.0 and WebGL 2 are required. HTML loads its pinned dependency from a CDN on first use.

In collections: Animated Globes & 3D Earth for Websites Holographic & Iridescent Effects

Guide: Free React WebGL Components You Can Install With the shadcn CLI

3D & Perspective · HTML / React / Svelte All tools

Free React component of this preset · Drops License

Shape

Sphere size

Tilt

Glass

Tint

#ffffff

Roughness

Transmission

Iridescence

Light

Exposure

Motion

Animation

playing paused

Speed

Stage

Stage width px

Stage height px