ReelArch diagram software architecture diagram
Animated architecture diagram: glowing boxes on a drifting blueprint grid, orthogonal edges that draw themselves, and data packets that travel along them and flash the receiving box. Min 28 px text baked in, camera drift and focus dimming on every shot.
Get this style and every other · €99 onceSee all 72 styles
8-second cut from a test film, sound off. Made by a fresh Claude Code with only this kit in an empty folder.
What you'd type
Make a 2-minute video about [your topic] in the reelstyles arch-diagram style. Show me the scene plan first.
Briefs we tested this kit with
- "What happens when you press Buy": 7 nodes (web app, gateway, auth, orders, queue, database, worker). Shots: wide establish; write path gateway → orders → database; async path through the queue to the worker; wide resolve with the title.
- "Why we added a cache": 5 nodes. Shot 1 shows app → database with slow single packets (`speed: 120`); shot 2 pushes in while a cache node and two edges build in; shot 3 shows fast packets (`speed: 360`, `packets: 3`) and the caption "Hot reads never reach the database".
- "One upload, three consumers": an `external` uploader feeds a `bus`; the bus fans out to a `service` that thumbnails, a `service` that scans, and a `data` node that archives (`kind: 'async'`, `packets: 3`). Focus shots on each branch, 2.5 s each.
In the kit
- Style guide: palette, type, how things move and cut
- Scene templates your agent builds from
- A checklist your agent grades its own stills against before it renders
- Render steps for 16:9, 1920 × 1080 at 30 fps
Your films are yours to publish and monetise. Licence and refund
Video formats it fits
- [Hard thing] Is Easy, Actually · 4-10 min
- Every [X] Explained ladder · 8-26 min
Guide: How to make animated videos with Claude Code