3dsvg: Turn SVG Files Into Interactive 3D React Components

3dsvg: a React component library that converts SVG files and text into interactive 3D WebGL objects.

Key features:

• Drop-in <SVG3D> component for React and Next.js (SSR-safe via next/dynamic)
• 10 material presets including glass, chrome, gold, and holographic
• 7 loop animations plus zoom/fade intro sequences
• Drag, cursor-orbit, and scroll zoom interactions
• Texture mapping with tiling and UV offset controls
• Visual editor at 3dsvg.design with PNG (4K), MP4/WebM video, and GLB/STL/OBJ/PLY export

Runs on React Three Fiber and Three.js. The editor exports a JSX snippet that reproduces exactly what you see on screen.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo