Creates a server-free URL with the Three.js scene code encoded into the hash. Recipient opens, edits, renders — no account required.
Load Vibe
Paste a 3d-vibe JSON payload or raw Three.js code. Auto-detected and loaded into the editor.
3D Studio — Help & API
Render engine
Three.js r160, loaded via importmap inside a sandboxed iframe. Pre-imported: THREE, OrbitControls, GLTFLoader. Pre-built: scene, camera, renderer, controls, clock, plus ambient + directional lighting.
Animation
Call setTick(t => {...}) to register a per-frame callback. t is elapsed seconds from clock. The animate loop and renderer.render() run for you.
Vibe links
The Vibe menu emits a #vibe= URL carrying scene code + background. Paired with the 3d-vibe skill, an LLM can generate a Three.js scene and hand you a clickable link that renders on open.
Loading models
Use new GLTFLoader().loadAsync(url) with a public .glb / .gltf URL — KhronosGroup samples on GitHub work. Top-level await is supported.
Shortcuts
⌘↵ render · ⌘S save · ⌘N new · ⇧⌘V Load Vibe. Auto-render is on by default; toggle off for heavy scenes.