Bluetruder
👉 View live demo 👉 Source code
Bluetruder is a small web app that provides a 3D model blueprint editor that allows users to quickly exchange pre-definedparts of the model. And I think you have guessed it. The word Bluetruder is a blend of the words blueprint and extruder.
🧩 Features
- Minimalist design
- Dark mode aesthetic
- Clean and reusable UI components
- Modern technologies
- Handcrafted style
💡 Technologies used
- TypeScript
- Vue
- ThreeJS
🎯 Insights
The main goal of this project was to create a space where I could experiment with new technologies, practices, and architectures, while learning about 3D rendering, animations, and user interface design.
While searching for inspiration, I came across a 3D model online—a hook with an icon designed to organize cables. I liked the concept, but realized that editing 3D models to customize features like the hook’s icon can be challenging without the right tools.
This sparked the idea for Bluetruder: a blueprint editor that makes it easy to modify and exchange predefined parts of 3D models.