A single-file browser tool that turns SVG artwork into 3D-printable meshes. Load a vector, tune extrusion depth and bevel in millimeters, preview in real time, and export STL/OBJ/GLB ready for your slicer.
- SVG Import — drag-and-drop, file picker, or paste raw SVG markup
- Millimeter-based controls — target width, extrusion depth, bevel thickness/size
- Bevel & smoothness — configurable bevel segments and curve resolution
- Live 3D preview — Three.js viewport with PBR materials, shadows, and print bed grid
- Material preview — toggle SVG colors, wireframe, metalness, roughness
- Rotation controls — precise X/Y/Z degree inputs with quick +/-90 buttons
- Export — STL (binary), OBJ, and GLB formats
- Zero dependencies — single HTML file, CDN-loaded Three.js
Open index.html in any modern browser. No build step, no server required.
- Load an SVG (drop a file, click "Load SVG", or paste markup)
- Adjust width, depth, and bevel settings
- Preview rotation and material
- Export as STL, OBJ, or GLB
- Use filled paths — stroke-only SVGs won't extrude. Convert strokes to outlines first.
- Keep SVGs simple — complex gradients and clip paths are ignored during extrusion.
- Higher shape smoothness = smoother curves but denser mesh. Start low for draft prints.
- Bevel smoothness above 5-6 adds detail that most FDM printers can't resolve.
- Three.js r170 (CDN)
- SVGLoader, OrbitControls, STLExporter, OBJExporter, GLTFExporter
MIT