Skip to main content
3D SVG

3D SVG

Turn SVGs and text into interactive 3D objects — 10 material presets, 7 animations, export as PNG, video, or React code.

Free·Open Source·3D·SVG Tools·Animation
3D SVG preview 1
3D SVG preview 2

What is 3D SVG?

3D SVG is a visual editor that converts SVGs into interactive 3D objects. Input text (with Google Fonts support), draw in a pixel editor, paste SVG code, or upload a file. Choose from 10 material presets — plastic, metal, glass, holographic, and more.

Add one of 7 animation options and export as PNG (up to 4K), video (MP4/WebM at 60fps), or ready-to-embed React JSX code. The engine is also available as an npm package for direct integration.

Features

  • SVG to 3D conversion
  • 10 material presets (plastic, glass, holographic...)
  • 7 animation options
  • Export as PNG (4K), video, or React JSX

FAQs

Common questions about 3D SVG

Is 3D SVG free?
Yes, the web editor and npm package are both free and open source (MIT license).
Can I embed the 3D objects in my React app?
Yes, export as JSX code or install the npm package and use the SVG3D component directly.