Layer Stack Explode
DiagramsAn isometric stack separates plate by plate and holds as a labelled architecture diagram, with leader lines waiting for their layer to settle
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
What you can change · 4 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Layers *layers · array
Top to bottom. Four or five reads best, more and the labels crowd.
now: 5 items
- Highlighthighlight · number
Zero-based index rendered in the accent colour. Use -1 for none.
now: 2
- Spreadspread · number
How far the layers separate. Lower keeps the stack compact.
now: 1
- Brandbrand · string
Brand token id, one of the keys of BRANDS.
now: slate
For developers · source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
A stack of isometric layers that starts collapsed into one plane then separates vertically with a stagger, with labels and leader lines fading in beside each layer once it settles.
