Summary
Takes any SVG and extrudes it into an interactive 3D React component powered by Three.js and React Three Fiber. You get a single `<SVG3D>` component with props for material presets (chrome, gold, holographic), animations (spin, float, wobble), and extrusion depth. Ships with a visual editor at 3dsvg.design where you can tweak lighting, export PNGs or videos, and grab embed code. Most useful when you want to turn a flat logo or icon into a spinnable 3D object without touching Blender. The clay and holographic materials look surprisingly good. Requires the usual React Three Fiber peer dependencies, and you'll need dynamic imports with Next.js since it's browser-only.
Install to Claude Code
npx -y skills add aradotso/trending-skills --skill 3dsvg-interactive-react --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
