Interactive 3D Product (GLTF) Rotate + Orbit
A GLB perfume flask idles on a slow turntable under a key/fill/rim studio rig with a soft contact shadow; drag to orbit with damping, pick a finish to tween the PBR colour, and labels track points on the model.
- WebGL & 3D
- threejs
- gsap
- advanced
- heavy · WebGL
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 1572 words of exact values — rewritten live as you tune the Playground.
Prompts are for subscribers
Subscribe to copy this prompt in every format, rewritten live to match your Playground settings.
Loading prompt…
Couldn’t load the prompt
Check your connection and try again.
Source
Full source code
Source code is for subscribers
Subscribe to read, copy and download the full HTML, CSS and JavaScript of this demo.
Loading source code…
Couldn’t load the source code
Check your connection and try again.
WebGL Glaze & Clay Still Life
A lathe-thrown vase, bowl and teacup turn slowly on an oak slab and travertine plinth in low window sun. Move the cursor to swing the window; pick one of six glazes. Matte speckled clay against clearcoat glaze.
- threejs
- glsl
- gsap
WebGL Flacon — Caustic Perfume Bottle
A faceted glass perfume bottle with a brushed-metal cap stands on travertine. Slow sunlight throws a moving amber caustic through it; the cursor rocks the bottle on its base and the liquid sloshes on a spring.
- threejs
- glsl
Featured WebGL Infinite 3D Gallery Tunnel
Twenty-four procedurally painted posters spiral down a fog-filled tunnel; wheel, drag or swipe sets the camera's speed, idle autoplay keeps it drifting, and plane depths wrap modulo the loop so the archive never ends.
- threejs
- gsap
- canvas2d
Featured WebGL Particle Morph Between Shapes
Thirty thousand additive points morph between a sphere, a torus knot, a cube and a heart; every particle starts on its own random schedule and takes a swirling detour, so each change of shape reads as a swarm rather than a slide.
- threejs
- glsl
- gsap