🍞 Toaster: Pure CSS 3D Modelling Suite (view site)
Toaster is a 3D editor for modelling in pure HTML + CSS. No WebGL, no canvas.
Special thanks to Paweł Kuna for adding my requested icons to the awesome tabler-icons library!
FAQ
❓ Are there any practical applications for this app?
Nope!
❓ It's really hard to use!
Yup!
❓ Can I export/embed the model I made?
You can save the model as JSON and re-import it for viewing in the app. As for exporting HTML/CSS, not at the moment, but if you want such a feature, you are free to make a pull request!
❓ Didn't Tridiv do this like a decade ago?
Indeed - they were a great inspiration (their UX is still way better than mine!) Toaster has some key improvements over Tridiv:
- A node-based scene graph with parenting and property inheritence
- Node instancing, as well as nested instancing
- Complex solids like spheres, n-sided pyramids, etc. for more complex models
- A complete set of scale/rotate/translate transforms for each node
- Toaster is open source!
❓ The performance is terrible!
Yup 🤷. When there's a model loaded, it's slow on Chrome, and pretty much unusable on Safari.