Interactive 3D exploded-view smartphone with a slider and part details
GPT-6 Astra built a web explainer where a phone splits into layers with a slider and each part opens an info panel when clicked.
Claude Code + Three.js (code only)Wandy 2
Create detailed 3D models
Code alone gets you simple shapes. Wandy 2 turns one photo into a textured 3D model you can use in the same scene.
GPT-6 Astra prompt
Build an interactive 3D exploded-view visualization of a modern smartphone. Separate the device into its major components and let me explode/reassemble it with a slider. Clicking a component should isolate it and explain what it does. Include the battery, cameras, SoC, memory, display layers, speakers, sensors, antennas and logic board. Prioritize a beautiful Apple-like interface and satisfying interactions. Build, run, inspect and fix the complete experience.
How to use this prompt
Paste the prompt into GPT-6 Astra in your coding agent and let it build and run the page.
Change the device to a watch, drone or camera, and adjust the component list and interface style.
You get a slider-driven 3D teardown; iterate on labels, camera moves and the explode animation.
Original postAre you the author? Ask us to edit or remove this page
More prompts like this
Browse all prompts
Claude Opus 5.5Rubber band watermelon test: a squeezable, bursting 3D browser toy
林悦己Cheer
Claude Opus 5.5Interactive 3D volcano cutaway simulation with magma chamber
Konstantin Saifoulline
Claude Opus 5.5WebGPU jelly press toy: gummy fruit squashed and burst by a hydraulic press
Vib3Coded
Claude Opus 5.5Single-file WebGPU jelly press toy with soft-body fruit gummies
Vib3Coded
Claude Opus 5.5Scroll-driven exploding mechanical watch in raw WebGPU, single HTML file
Paruchh
Claude Opus 5.5Single-file interactive SVG Earth atlas with globe, expeditions and cutaway
Gadgetify
