Cut-out boxes tumble in from off-frame onto a ring of warm paper, a bounce lands the hub between them, and only then do the edges shoot out to wire the whole thing together under a slow pull-back
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 · 5 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.
- Hub *hub · string
The centre node. A product or system name, one or two words.
now: Volara
- Nodes *nodes · array
Satellite labels, placed clockwise from the top. Three to eight; past eight the ring stops reading and the connectors cross.
now: 8 items
- Top labeltopLabel · string
Solid label bar above the diagram, set in inverted type.
now: Unified superapp
- Bottom labelbottomLabel · string
Label bar below the diagram, in the accent colour. Use it for the conclusion the diagram is arguing for.
now: Agent-first ecosystem
- Brandbrand · string
Brand token id, one of the keys of BRANDS. Built for the light brands (linen, field, press, paper).
now: linen
For developers · source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
Recreate this clip exactly. A hub-and-spoke explainer on warm cream paper with a faint grid. Eight boxes tumble in from off-frame one at a time and land on a ring, each arriving empty and filling with a label, a rule and three grey lines a few frames later. A wider box drops in between them with a bounce and carries the product name. Only then do the edges shoot out of it, one after another, in the same order the boxes arrived. A black bar wipes on at the top and a green one at the bottom, each from its own left edge with the type coming up behind it. The whole board pulls back a third of its size across the shot. The boxes are cut-out stickers pressed onto the sheet: the paper's own colour, heavy rule, hard offset shadow with no blur. Match every timing to the frame.
