Exploded View Studio

A 3D exploded teardown of an AMD Ryzen 9 processor: separate the heat spreader, solder, compute dies, and substrate layer by layer, with annotations for every part.

Try Websites Agent

Loading preview...

Start with this prompt

A 3D exploded teardown of an AMD Ryzen 9 processor: separate the heat spreader, solder, compute dies, and substrate layer by layer, with annotations for every part.

Try Websites Agent

Build a 3D exploded-view teardown page for a desktop CPU. Recreate an AMD Ryzen 9 processor with procedural modeling, stacking its physical layers in order: the metal heat spreader on top, the solder layer beneath it, the CCD compute dies, the IO die, the organic substrate, and the pin pad array at the bottom. The processor appears fully assembled by default, presented like a product shot in the center of the page. A slider, together with a button for jumping straight in, drives the exploded view: as the visitor drags the slider, each layer separates along the vertical axis and floats apart, and every component is labeled with its name and a short annotation explaining what it does, so someone who has never opened a CPU can follow the structure. The model supports orbit rotation and zoom at all times, assembled or exploded, so the layers can be examined from any angle. Keep the whole page in a dark engineering-drawing style: deep background, fine grid lines, precise technical typography, and restrained accent colors that make the annotations feel like they belong on a blueprint. Single-file static page.

Teardown a Graphics Card

Switches the subject to a flagship graphics card: the exploded view now separates the fan shroud, fin stack, vapor chamber, PCB, memory chips, GPU die, and backplate, each with its own annotation.

Try Websites Agent

Build a 3D exploded-view teardown page for a desktop CPU. Recreate an AMD Ryzen 9 processor with procedural modeling, stacking its physical layers in order: the metal heat spreader on top, the solder layer beneath it, the CCD compute dies, the IO die, the organic substrate, and the pin pad array at the bottom. The processor appears fully assembled by default, presented like a product shot in the center of the page. A slider, together with a button for jumping straight in, drives the exploded view: as the visitor drags the slider, each layer separates along the vertical axis and floats apart, and every component is labeled with its name and a short annotation explaining what it does, so someone who has never opened a CPU can follow the structure. The model supports orbit rotation and zoom at all times, assembled or exploded, so the layers can be examined from any angle. Keep the whole page in a dark engineering-drawing style: deep background, fine grid lines, precise technical typography, and restrained accent colors that make the annotations feel like they belong on a blueprint. Single-file static page.

Add X-Ray Mode

Adds an X-ray mode that leaves the package assembled and fades the heat spreader and solder to translucent, revealing how the dies sit inside. Orbiting and zooming still work in both modes.

Try Websites Agent

Build a 3D exploded-view teardown page for a desktop CPU. Recreate an AMD Ryzen 9 processor with procedural modeling, stacking its physical layers in order: the metal heat spreader on top, the solder layer beneath it, the CCD compute dies, the IO die, the organic substrate, and the pin pad array at the bottom. The processor appears fully assembled by default, presented like a product shot in the center of the page. A slider, together with a button for jumping straight in, drives the exploded view: as the visitor drags the slider, each layer separates along the vertical axis and floats apart, and every component is labeled with its name and a short annotation explaining what it does, so someone who has never opened a CPU can follow the structure. The model supports orbit rotation and zoom at all times, assembled or exploded, so the layers can be examined from any angle. Keep the whole page in a dark engineering-drawing style: deep background, fine grid lines, precise technical typography, and restrained accent colors that make the annotations feel like they belong on a blueprint. Single-file static page.

Add Spec Comparison Table

Adds a specification table below the 3D teardown — core count, clocks, cache, TDP — plus a chart comparing die area across generations, so visitors can cross-check what they just saw in the model.

Try Websites Agent

Build a 3D exploded-view teardown page for a desktop CPU. Recreate an AMD Ryzen 9 processor with procedural modeling, stacking its physical layers in order: the metal heat spreader on top, the solder layer beneath it, the CCD compute dies, the IO die, the organic substrate, and the pin pad array at the bottom. The processor appears fully assembled by default, presented like a product shot in the center of the page. A slider, together with a button for jumping straight in, drives the exploded view: as the visitor drags the slider, each layer separates along the vertical axis and floats apart, and every component is labeled with its name and a short annotation explaining what it does, so someone who has never opened a CPU can follow the structure. The model supports orbit rotation and zoom at all times, assembled or exploded, so the layers can be examined from any angle. Keep the whole page in a dark engineering-drawing style: deep background, fine grid lines, precise technical typography, and restrained accent colors that make the annotations feel like they belong on a blueprint. Single-file static page.