Hi Dev Community! 👋
As a developer and designer, I've always felt that adding 3D depth to web projects was too time-consuming. You either have to master Blender or rely on heavy libraries that slow down your site.
That’s why I built svg3d.app — a lightweight, browser-based tool to transform static SVG files into high-quality 3D assets instantly.
Why I built this
Modern UI trends like "puffy" icons and glassmorphism (that frosted glass look) are beautiful but hard to create from scratch. I wanted a way to:
- Drag and drop an icon.
- Apply realistic materials (Glass, Chrome, Neon).
- Export a clean PNG or a 3D mesh (GLB/STL).
Features for Devs & Designers:
- Instant Extrusion: Perfect geometry from any vector path.
- Realistic Shaders: Custom WebGL materials including Ultra Glass and Soap Bubble.
- Performance Focused: Export optimized files for web integration.
Open for the Community
I’ve also released a GitHub repository with the official documentation and some "before and after" examples to show what’s possible:
👉 Official GitHub Repo
Check it out here:
I’d love to hear your thoughts! What kind of materials or export formats would make your workflow easier?
Top comments (1)
I'm the creator of svg3d.app! If you have any questions or feature requests, feel free to drop them here. I'm actively working on new shaders!