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:

1. Drag and drop an icon.
2. Apply realistic materials (Glass, Chrome, Neon).
3. 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:

🚀 https://svg3d.app

I’d love to hear your thoughts! What kind of materials or export formats would make your workflow easier?

svg #3d #webdevelopment #uidesign