Templates · since v1.1.0
AI 3D model generator + scene editor
Describe the object or the scene and the agent builds it in three.js — primitives, materials, lights, motion — editable in the scene editor, with Blender available for the jobs procedural code can't do.
3D object · Devin · swe-2-max · 14 min
Atelier Watch Configurator — A luxury watch built from primitives — swap case, dial, strap; the hands show real time.
▸ the prompt that made it▾ the prompt that made it
“Build a luxury watch configurator page. A 3D watch built from primitives (case, bezel, crown, lugs, dial, indices, hands, strap) on a soft studio set with contact shadows and an environment map for believable metal. Options: case (steel, rose gold, titanium), dial (white enamel, blue sunburst, meteorite texture made procedurally), strap (leather in 3 colors, steel bracelet), and a caseback engraving (text, up to 20 characters, shown when the watch flips). The hands show the real current time and the second hand sweeps. Include a macro zoom button, a price that updates (starting $2,400), a specification table, and a 'Reserve' CTA. Quiet-luxury direction: square corners, slow easing, serif headings, very little text.”
Why it matters
3D on the web is either a model-viewer with someone else's GLB or a WebGL playground that wants you to be an engineer first. The agent writes the scene as inspectable code — geometry, materials, camera, animation — and the scene editor lets you touch the result directly: move a light, swap a material, watch it re-render.
How it works
- 1Pick the 3D templateObject configurators and full scenes, with their own direction set — flat low-poly to realistic.
- 2The agent builds in codeGeometry is procedural where it can be — readable code you can tweak — and imported GLBs keep their materials and animation clips.
- 3Edit in the scene editorLights, materials, transforms and modifiers are inspectable. Changes write back to the scene, not a separate editor's file.
- 4Blender for the hard jobsIf Blender is installed, the studio runs pinned kit recipes headless — beveled product, organic curved, stylized character — and returns the real .glb and .blend. No Blender, no error: the procedural path keeps working.
Capabilities
- Procedural three.js scenes — geometry, materials, lights as readable code
- GLB imports keep materials (sRGB color maps, linear data maps) and animation clips
- Scene editor: direct manipulation of lights, materials, transforms, modifiers
- Optional headless Blender backend for pinned kit recipes — .glb and .blend returned
- Separate 3D direction set (directions3d) for scene look
- Export the scene as files or record the motion to video
3D object · Devin · swe-2-max · 60 min
Tết Lantern Night — A river of paper lanterns over a Hội An skyline. Type a wish, release one, watch it join the sky.
▸ the prompt that made it▾ the prompt that made it
“Create an interactive Tết (Lunar New Year) lantern night scene. A calm river at night with a silhouetted Hội An-style riverside skyline (simple extruded shapes). Hundreds of paper lanterns (instanced meshes, warm emissive, gentle flicker) drift upward with slight wind sway; their reflections shimmer on the water. A bottom panel lets the visitor type a wish (Vietnamese or English) and press 'Thả đèn / Release'; a new lantern rises from the foreground with the wish shown briefly on it, then joins the others. Include a counter of lanterns released this session, a sound toggle (off by default), and bilingual UI. Keep bloom subtle so the sky stays deep blue, not grey. Respect reduced motion (lanterns hover instead of rising).”
3D object · Devin · swe-2-max · 34 min
Orbital Observatory — A night-sky dome for Nha Trang — 2,000 stars, real moon phase, planets, a dusk-to-dawn time slider.
▸ the prompt that made it▾ the prompt that made it
“Build an interactive night-sky observatory for Nha Trang, Vietnam (12.24°N). A three.js dome shows ~2,000 stars (brightness-scaled points), 12 named constellations with thin connecting lines, the Moon with the correct phase shading, and 5 naked-eye planets as labeled points. A bottom time slider covers 18:00 to 06:00; moving it rotates the sky around the celestial pole and shifts the horizon color from dusk to night to dawn. Clicking any labeled object opens a small side panel (name, what it is, when it sets). Include a compass ring on the horizon, a 'Now' button, and a red night-vision mode toggle. Positions may be approximate but must look plausible. Deep-space visual direction; UI is a quiet overlay.”
FAQ
Do I need Blender installed?
No. The procedural path builds scenes in pure code. Blender is an optional backend the studio detects — a missing Blender is a route that isn't there, never a blocking error.
Can I import my own models?
Yes — GLB assets import with their materials and clips intact and sit on the same playhead as the scene's own animation.
What can I do with the result?
Everything a project can do: export the files, embed the scene in a page, record video of its motion, or keep editing in the scene editor.
In the docs
Related features
Design with the agent you already have.
Free to try, buy once — the studio and your own coding CLIs do the rest.
Download