All components
Sticker Hub Diagram
DiagramsA hub-and-spoke diagram on graph paper where each edge wires out from the centre and lands its node as it arrives
Download preview768×432 preview render — the full-resolution file comes from running the component
5 seconds
Format
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.
diagramlightpaperhub and spokestickergridexplainer
For developers — source, dependencies and provenance
Dependencies
remotion@remotion/shapeszod
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Filesrc/registry/items/sticker-hub-diagram.tsx
Frame1920×1080
Duration150f · 5s @ 30fps
Provenance
ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT
Prompt
A hub-and-spoke explainer drawn on cream graph paper. The boxes should look like cut-out stickers pressed onto the sheet — white fill, heavy black rule, hard offset shadow with no blur. Wire the diagram rather than fading it in: each connector draws out from the centre and its box only lands when the line reaches it. Solid label bars top and bottom, wiping on from the left.
