# [3D SVG](<https://3dsvg.design/>)

[3dsvg.design](<https://3dsvg.design/>)

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

[3D Design](<https://creatorstoolbox.com/communities/3d-design>)[Graphic Design](<https://creatorstoolbox.com/communities/graphic-design>)[Development](<https://creatorstoolbox.com/communities/development>)[Open Source](<https://creatorstoolbox.com/communities/open-source>)[Animation & Motion](<https://creatorstoolbox.com/communities/animation>)

Media 1 of 2

## About 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.

Pricing model: Free

## 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.

## Similar products

- [Opus 5.5 motion skillsx.com/e1genqq

A list of 20 open-source GitHub repositories for a motion studio with Opus 5.5, posted by eigen.](<https://creatorstoolbox.com/products/opus-motion-skills-pack>)

- [![fun-isometric](<https://creatorstoolbox.com/images/logos/fun-isometric-f8b526c34f2effbdec1694170c00c0a0e2417ac33e1d4b2aca4727e82251ef5a.png>)

fun-isometricgithub.com/kelvinkn17/skills

Free, open-source agent skill that turns any object into an animated isometric sticker by asking Claude Code, Codex or Cursor.](<https://creatorstoolbox.com/products/fun-isometric>)

- [![bygga](<https://creatorstoolbox.com/images/logos/editorial/bygga-v1.webp>)

byggax.com/nutlope

Coming soon. Turns an IKEA product name into 3D assembly steps with optional voice guidance. Not publicly available yet, and not affiliated with IKEA.](<https://creatorstoolbox.com/products/bygga>)

- [![Pascal Editor](<https://www.google.com/s2/favicons?domain=pascal.app&sz=128>)

Pascal Editorpascal.app

Free open-source 3D building editor — design walls, rooms, levels, roofs, and furniture in your browser.](<https://creatorstoolbox.com/products/pascal-editor>)

- [![Blender](<https://www.google.com/s2/favicons?domain=blender.org&sz=128>)

Blenderblender.org

Free, open-source 3D creation suite — modeling, animation, VFX, rendering, and video editing.](<https://creatorstoolbox.com/products/blender>)

- [![Inkscape](<https://creatorstoolbox.com/images/inkscape-logo.png>)

Inkscapeinkscape.org

Free, open-source vector graphics editor — create SVGs, logos, icons, and illustrations.](<https://creatorstoolbox.com/products/inkscape>)

---
Canonical source: https://creatorstoolbox.com/products/3dsvg