Exploded stack

Isometric plates, one per layer of a system, start as one stack, spread apart with a numbered label on a leader line beside each, light up one after another, then close back into one block. For architecture and system diagrams.

  • 3d/exploded-stack
  • 3D
  • chart
  • Full frame
  • 6 s (3–30 s)
  • 3D kit
Style
Live in your browser
Exploded stack at 16:9
0.00 / 6.00 s
npx volito render 3d/exploded-stack --style ember --out exploded-stack.mov
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop.

Render it

npx volito render 3d/exploded-stack --prop title="How a request moves" --out exploded-stack.mov

That writes ProRes 4444. The same item in another shape, brand or format:

volito render 3d/exploded-stack --aspect 9:16 --style cobalt --out exploded-stack-9x16.mov
volito render 3d/exploded-stack --format mp4 --out exploded-stack.mp4
volito still 3d/exploded-stack --t 3 --out exploded-stack.png
volito info 3d/exploded-stack     # every prop and part
volito add 3d/exploded-stack      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("3d/exploded-stack"), { props: { title: "How a request moves" }, out: "exploded-stack.mov" });

Or ask an agent with the MCP server connected: “Render the Volito exploded stack (3d/exploded-stack) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
titletextHow a request moves≤ 50 chars
layers
Layers (top first)
listInterface; API gateway; Services; Database—

Parts

Each part takes any move, ease or idle: --motion ground.in=pop.

PartWhat it is
groundthe ground
titlethe heading
stackthe plates
labelsthe labels

Tags: exploded, isometric, layers, architecture, stack

More in 3D