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.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
