Demo 18 Apr 2023
bellatrix - a tactile minifig generator
- Vue 3.5
- Vite 6
- TypeScript
- Inline SVG
- Cloudflare
A minifig builder rebuilt around inline SVG - real vector parts, the whole character serialized into a shareable URL, one-click PNG export. Vue 3.5 + Vite, no backend.
The challenge
A minifig builder whose figures stay crisp at any scale and whose whole character can travel inside a single shareable link - with no backend and no sign-up.
Approach
Every part is inline SVG with its fills normalized to CSS variables, so figures compose from real vectors and export cleanly at any size. One composable holds the selection and keeps it in two-way sync with the URL, so the character serializes into the link and rebuilds exactly on the other end.
Result
A tactile 'Brick Studio' with nine part categories, a live variant tray, and one-click PNG export - fully client-side. Vue 3.5 and Vite, deployed on Cloudflare.