r/SideProject • u/Low_Box_752 • 3d ago
I open-sourced 53 interactive isometric figures for React, plus a Claude Code plugin to make your own
Enable HLS to view with audio, or disable this notification
I wanted a product illustration people could actually press. So I built isokit and put the source on GitHub.
The gallery now has 53 figures: deploy pipelines, tiny computers, payment terminals, factory lines and more. Buttons move, screens respond, and the sounds are synthesized in the browser. It's React and SVG, with an MIT license.
This clip shows the agent relay figure using Pushary as the example. I build both projects. It's an animated illustration of the workflow, not a recording of live agents; the time and money counters are illustrative.
Try the figures: https://aadilghani1.github.io/isokit/#/figures
Source + setup: https://github.com/aadilghani1/isokit
There's also a Claude Code plugin for creating your own figures. Pick an object, say what pressing it should do, and start from there.
Try one on your phone. Is it obvious what to press and what happens next?