--- title: "Exploded Stack" description: "Isometric layer plates explode apart with a label beside each layer, hold, then collapse back into one stack. Built for architecture and system diagrams." mode: "frame" --- import { CatalogDetail, CatalogSlot } from "/snippets/catalog-detail.jsx"; import { InstallCommand } from "/snippets/install-command.jsx";

Exploded Stack

Isometric layer plates explode apart with a label beside each layer, hold, then collapse back into one stack. Built for architecture and system diagrams.

```html exploded-stack.html Exploded Stack
``` That writes one file: `compositions/exploded-stack.html`.
## Add it to your video It runs for 5 seconds at 1920×1080. Paste this into your composition: ```html index.html
``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes) for the rest. {/* hf:generated-footer */} Tagged `3d-object` `three-js` `webgl` `isometric` `exploded-view` `layers` `diagram` `architecture`. ## Related topics - [Browse the complete Catalog](/catalog) - [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks) - [Put blocks together into one video](/concepts/compositions)