Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

THIS GUY VIBE CODED A TOOL THAT TURNS ANY SVG INTO A 3D OBJECT YOU CAN SPIN, ANIMATE, AND EMBED drag in an SVG, type some text, or draw pixel art. it becomes a 3D object instantly. spin it around, animate it, and embed it on your site. export... show more

Om Patel

27,224 subscribers

231,218 views • 5 months ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

35 Comments

Nobody5 months ago

It's 3dsvg ( Free open-source browser tool that turns SVGs, text, or pixel art into interactive 3D objects you can spin, animate, and embed—no uploads or accounts needed. Matches the video exactly.

Kamalveer Singh5 months ago

Yo, I checked it out and man this is so cool and useful. This makes me wanna build my own copy of this.

abu talha5 months ago

where's the link bruv

Roey | AI & Tech5 months ago

Such a cool project! I would love checking it out. What is the name of the creator/owner? It wasn't published.

Tom5 months ago

most builders overcomplicate the stack when the real flex is shipping something this clean browser-side. curious what the hardest part was - rendering performance or keeping the UX stupid simple?

Ronin5 months ago

that's actually what I've been looking for assets creation for my websites good material

Ratrekt Labs5 months ago

this is actually useful. most svg to 3d tools produce garbage meshes, if this one handles topology decently it changes the workflow for asset creation

Julan5 months ago

The most useful tools are now built in an afternoon because someone had an itch.

Andrew Michael5 months ago

@renatoworks Same guy also built @om_patel5 check it out I’m pretty sure you’ll love it.

RM's Gallery of GTA VI Psychosis5 months ago

If you want something more than this, people should look into @pissang1 's Vector to 3D Figma plugin, which also has a standalone version and way more features and things you can do. You can put together entire scenes, adjust material parameters, there's an animation timeline, etc.. Not fully free, but has a low one time payment, not opensource, but the guy is updating it and adding features constantly.

Logotyper5 months ago

This one is good. But trying such tools, I still have to get back to Blender when it comes to more complex symbols.

Kunal Nihalani5 months ago

SVG → 3D in browser, no upload, free, open source. This isn't a tool, it's a cheat code for designers. The 16yo builder tax is undefeated

SHARIAR5 months ago

This guy vibe-coded something seriously cool. Drag SVG, type text, draw pixel art → instant 3D you can animate and export in 4K. No account, no server upload. The Apple logo example looks so clean!

Lower Engineer5 months ago

vibe coded. an entire 3D modeling tool. from scratch. the gap between 'idea' and 'working product' is now measured in hours, not months.

Hussain Hashim | Building SundayBack5 months ago

@om_patel5 whoa, that's wild! could've used this for my last project, would've saved me hours. love the 4K export option!

Palash Bansal5 months ago

There are 100s of better websites and figma extensions that do it better for free already

Argona5 months ago

wow it’s fun and useful at the same time

Yusuff Smart5 months ago

Vibe coding is really reaching a new level of polish. The transition from SVG to 3D looks incredibly seamless—would love to know more about the tech stack behind the rendering!

Gera925 months ago

my ms paint doodles finally living their best life in 3d

Unhinged Intern5 months ago

Thanks for sharing where to find it!

Tommy-James5 months ago

supper cool and creative this is what tools are for...

Khaled K.5 months ago

I saw it and tested, Amazing project useful for too many things 👌🏻

ToneDice5 months ago

link?

Webcraft Gallery5 months ago

How could anyone can have this kind of ideas 😭

Rico Solano · AI Operator5 months ago

this is what happens when you stop asking permission and just build. vibe coding is producing real tools now, not just demos.

Amaan5 months ago

honestly so cool

Krafter5 months ago

Sick actually

Saaga5 months ago

The creator of this tool is @renatoworks

Ted5 months ago

Damn this is sick. Def need to check it out

G3nka.ron5 months ago

There are already many tools like this, nothing new, but still good

Mr D.J.5 months ago

Why wouldn't you tag the author in some way?

Gustav ❖5 months ago

This looks awesome ngl

Daniel W. Chen5 months ago

linkkkk

Gregoryen  レミ5 months ago

Oh woaw merci pour le partage ! 🤗

Klea5 months ago

Who is this guy do you have his git ?

Related Videos

Someone just built a tool that turns any object image into a fully coded, animation-ready 3d model in your browser. just drop a photo and it sculpts the object in pure Three.js code, animation-ready with pivots, physics anchors, and PBR materials. 100% free.

Someone just built a tool that turns any object image into a fully coded, animation-ready 3d model in your browser. just drop a photo and it sculpts the object in pure Three.js code, animation-ready with pivots, physics anchors, and PBR materials. 100% free.

Superman

37,450 views • 2 months ago

releasing the tool behind the clucky launch video. anim8 vectorizes any image into editable svg and lets you animate and export it in one workspace. mp4, svg, lottie, figma motion import. early launch pricing, $9/mo. live now! #shipaton

releasing the tool behind the clucky launch video. anim8 vectorizes any image into editable svg and lets you animate and export it in one workspace. mp4, svg, lottie, figma motion import. early launch pricing, $9/mo. live now! #shipaton

adrian (adi)

84,797 views • 1 month ago

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

Om Patel

153,892 views • 5 months ago

I made another one 😎 Make pemium generative art, rendered live on your browser No server. No account. No upload. Drag a few sliders, hit Randomize, export a wallpaper/OG image/icon in seconds. Or embed it live in one line. Free forever

I made another one 😎 Make pemium generative art, rendered live on your browser No server. No account. No upload. Drag a few sliders, hit Randomize, export a wallpaper/OG image/icon in seconds. Or embed it live in one line. Free forever

Danial

84,550 views • 3 months ago

is live on the Solana dApp Store. Your Solana Seeker is now a 3D agent studio. MAKE SOMETHING IN 3D A selfie becomes a rigged, textured, animation-ready character in about a minute. Or describe it in text. Or turn any photo into a model. Or upload a GLB you already have. Then restyle its materials, change its clothes, check its rig and fix it. MAKE IT MOVE A clip library that retargets onto any humanoid skeleton. Mocap from your camera. Lipsync from text or a live mic. Gestures. Sign language. A choreographer for full routines. And motion swap, which drops your avatar into video you already shot. GIVE IT A MIND A personality, a voice, skills, and a choice of models behind it. Then talk to it. It answers in 3D, out loud or in text, in your language. PUT IT ANYWHERE Every agent has a URL and a one-line embed, so it drops into a site, a chat, or a widget. Place it in your room in AR. Walk it across any web page. Turn a URL into a 3D world it can stand in. Render it out as video. OWN IT Deploy it on-chain as a Metaplex Core asset your wallet holds. Open manifest, no lock-in. Give it an on-chain identity, a name, and a wallet with recovery and inheritance. Sell its skills. Take tips. Trade the agent itself in USDC. LET IT EARN Pay-per-call, so other agents can buy what yours does and yours can buy what it needs. A skills marketplace, a labor market, vaults that let people back an agent, and a live feed of agents paying each other. Launch a coin around it if you want one. FIND EVERYONE ELSE A marketplace of what the community built: orbit any agent, inspect it, fork it, talk to it. Crews, rankings, tournaments, leaderboards. And build on it: SDKs, an MCP server, a CLI, an API, and the whole platform open source. AND THE PART THAT NEEDED THIS PHONE Every signature routes to Seed Vault through Mobile Wallet Adapter. Signing in is one tap, and the private key never enters the app process. Creating, chatting and browsing are free. Search in the dApp Store on your Seeker.

three.ws

11,585 views • 10 days ago

You can now generate, edit, and convert a reference image into 3D inside one tool. Tripo's Image Generation runs Nano Banana and GPT to build the reference, then turns it into a model. Text or photo in, 3D out. One pipeline, zero handoffs.

You can now generate, edit, and convert a reference image into 3D inside one tool. Tripo's Image Generation runs Nano Banana and GPT to build the reference, then turns it into a model. Text or photo in, 3D out. One pipeline, zero handoffs.

Alvaro Cintas

56,246 views • 3 months ago

You can now bring your images to life, just upload any image and it turns it into a clean and precise SVG. we're using a custom model specifically trained for SVG recognition and generation. the results are insane

You can now bring your images to life, just upload any image and it turns it into a clean and precise SVG. we're using a custom model specifically trained for SVG recognition and generation. the results are insane

Junior García

25,651 views • 6 months ago

Introducing Substance 3D Viewer (beta) a new 3D desktop app that can open, view, and render 70+ file formats. In Adobe Photoshop (beta), drag & drop a 3D model on your canvas, and it becomes an editable Smart Object. Download it for free and give it a try!

Introducing Substance 3D Viewer (beta) a new 3D desktop app that can open, view, and render 70+ file formats. In Adobe Photoshop (beta), drag & drop a 3D model on your canvas, and it becomes an editable Smart Object. Download it for free and give it a try!

Adobe Substance 3D

89,177 views • 1 year ago

Just tried Lux3D: an AI 3D generator built by Manycore Tech You drop in an image or text prompt… and it gives you a full, editable 3D asset with solid geometry + materials. No 3D modeling skills needed. This one actually feels different.

Just tried Lux3D: an AI 3D generator built by Manycore Tech You drop in an image or text prompt… and it gives you a full, editable 3D asset with solid geometry + materials. No 3D modeling skills needed. This one actually feels different.

Sharon Riley

21,697 views • 24 days ago

I made a design tool. 95% of it was coded by Claude AI. You can design, animate SVG patterns and export to vectors, png, video or GIF. Use presets, save designs and share urls. Works great on mobile and web. 10k lines of code. The future is insanely fun.

I made a design tool. 95% of it was coded by Claude AI. You can design, animate SVG patterns and export to vectors, png, video or GIF. Use presets, save designs and share urls. Works great on mobile and web. 10k lines of code. The future is insanely fun.

Meng To

237,263 views • 2 years ago

This is huge!! Spline now supports Gaussian splats 👀 You can now capture anything in 3D from your phone with Luma, export the .ply file, import it into spline, crop, adjust, and embed on your site. Luma + Spline + Webflow is an insane 3D workflow 🔥

This is huge!! Spline now supports Gaussian splats 👀 You can now capture anything in 3D from your phone with Luma, export the .ply file, import it into spline, crop, adjust, and embed on your site. Luma + Spline + Webflow is an insane 3D workflow 🔥

Nick St. Pierre

1,140,061 views • 2 years ago

A hotly anticipated release coming your way this afternoon — Image to Hologram conversion (previously known as 2D to 3D converter) is now available directly on Make any image 3D with just a click of a button and see it natively on you browser or as a hologram on your Looking Glass. We think you'll love it. Go give it a whirl 🍥 🎥 Watch the video ⬇️

A hotly anticipated release coming your way this afternoon — Image to Hologram conversion (previously known as 2D to 3D converter) is now available directly on Make any image 3D with just a click of a button and see it natively on you browser or as a hologram on your Looking Glass. We think you'll love it. Go give it a whirl 🍥 🎥 Watch the video ⬇️

Looking Glass

12,648 views • 3 years ago

You can now chat locally with AI and your PDFs completely offline. Blueshell runs in your browser and doesn't communicate with any server. No installation and open source. Here's how to access it:

You can now chat locally with AI and your PDFs completely offline. Blueshell runs in your browser and doesn't communicate with any server. No installation and open source. Here's how to access it:

Paul Couvert

42,331 views • 1 year ago

You don't need an expensive 3D scanner. Your phone can be the camera. This is the idea behind photogrammetry. You simply take a bunch of pictures of an object from different angles. Then OpenScan processes those images and reconstructs the object as a 3D representation. No expensive 3D scanner needed.

You don't need an expensive 3D scanner. Your phone can be the camera. This is the idea behind photogrammetry. You simply take a bunch of pictures of an object from different angles. Then OpenScan processes those images and reconstructs the object as a 3D representation. No expensive 3D scanner needed.

Praveen Kumar Verma

218,820 views • 1 month ago

something I’ve wanted for a while: an AI that isn’t just a text box so I built it lets you create a 3D AI character on-chain that lives in your browser it can talk, remember you, show emotions, and use different skills. you can even mint it onchain, so it actually belongs to you it gets its own identity, history, and reputation that no one can take away most AI today can disappear if the app shuts down this one is permanent and yours the future is AI you can see, interact with, and actually own

something I’ve wanted for a while: an AI that isn’t just a text box so I built it lets you create a 3D AI character on-chain that lives in your browser it can talk, remember you, show emotions, and use different skills. you can even mint it onchain, so it actually belongs to you it gets its own identity, history, and reputation that no one can take away most AI today can disappear if the app shuts down this one is permanent and yours the future is AI you can see, interact with, and actually own

nich

285,544 views • 4 months ago

What is Clude Clone? It's a AI version of you that runs on your Mac. It learns how you write, think, and decide from your own screen, meetings, and apps, then drafts replies and answers questions as you. Runs locally. Your data stays on your device. You approve everything. It remembers. Clude quietly captures what you see and do, meetings, connected apps, your desktop, into a private memory that lives entirely on your Mac. Nothing is uploaded. It learns you. That memory gets distilled into a model of your voice, your relationships, and how you make decisions. It shows you what it's picked up, you confirm or correct it. It gets sharper every time. It acts as you. Ask it to reply as me, or ask your clone a question directly. It responds in your voice, grounded in what you actually know, always behind your approval. Powered by Hermes It stays yours. Local-first. Honestly labeled as an AI clone. Nothing leaves your device unless you opt in, and even then, only a distilled profile, never your raw data. Not a generic chatbot. Your actual voice, learned from your actual work.

seb

11,643 views • 2 months ago

✨ I made a little demo of #vibejam sponsor Tripo and how you can use it to generate assets for your games In this case I'm generating an apartment flat that's half destroyed and open for my drone sim to fly around, take cover and shoot at enemies from First I write the prompt and select Nano Banana to generate an image first, I get a few different ones, and I select the one I like Then that one is converted into a 3d object called a Smart Mesh Smart Mesh is different than regular image-to-3d models because usually you get issues with uneven polygon distribution, too dense geometry and poor edge flow, so while you think you save time with generating it with AI you end up doing lots of editing after to fix the topology which kinda defeats the point Smart Mesh doesn't have any of this, it's fast and clean low-poly models you can drop into your game Anyway, after generating the model I can then see it in 3d, and if I don't like it, regenerate it, or if I like it start texturing it Once that's done, I export it as a GLB, FBX or OBJ and drop it in (usually I use GLB as ThreeJS seems to prefer that), in my case I just drop the URL into Cursor and let it figure out the placement of the asset into my game!

✨ I made a little demo of #vibejam sponsor Tripo and how you can use it to generate assets for your games In this case I'm generating an apartment flat that's half destroyed and open for my drone sim to fly around, take cover and shoot at enemies from First I write the prompt and select Nano Banana to generate an image first, I get a few different ones, and I select the one I like Then that one is converted into a 3d object called a Smart Mesh Smart Mesh is different than regular image-to-3d models because usually you get issues with uneven polygon distribution, too dense geometry and poor edge flow, so while you think you save time with generating it with AI you end up doing lots of editing after to fix the topology which kinda defeats the point Smart Mesh doesn't have any of this, it's fast and clean low-poly models you can drop into your game Anyway, after generating the model I can then see it in 3d, and if I don't like it, regenerate it, or if I like it start texturing it Once that's done, I export it as a GLB, FBX or OBJ and drop it in (usually I use GLB as ThreeJS seems to prefer that), in my case I just drop the URL into Cursor and let it figure out the placement of the asset into my game!

@levelsio

72,338 views • 5 months ago

This is Nouns. A new type of brand. A movement. It's open source. There's no copyright. Anyone can use it and create with it, in any way they want. And if your idea is great, Nouns will fund you to do it. What will you build? ⌐◨-◨

nounish ⌐◨-◨

82,751 views • 3 years ago

someone open-sourced a tool that turns any phone video into a full 3D world in real time. you record a walk around your house, drop the mp4 in, and the entire scene comes back as a walkable 996k-point world at 60fps on your local GPU. no cloud. no subscription. runs 100% locally. 100% open source.

someone open-sourced a tool that turns any phone video into a full 3D world in real time. you record a walk around your house, drop the mp4 in, and the entire scene comes back as a walkable 996k-point world at 60fps on your local GPU. no cloud. no subscription. runs 100% locally. 100% open source.

Superman

818,816 views • 2 months ago