Loading video...

Video Failed to Load

Go Home

I'm building a node-based tool that turns any SVG into animated SVGs using Gemini 3.1 Pro it preserves the original aesthetics and the results are insane

397,210 views • 8 months ago •via X (Twitter)

45 Comments

Junior García's profile picture
Junior García8 months ago

how it works: upload your SVG → describe the animation you want in plain text → AI generates production-ready animated SVG with SMIL/CSS animations you iterate through nodes, branch different animation ideas in parallel, and chain results until it's perfect

Junior García's profile picture
Junior García8 months ago

it also does morph animations you can upload a "before" and "after" SVG and it generates the transition between them

Junior García's profile picture
Junior García8 months ago

would you use something like this? reply/like if you want early access

Disky.eth's profile picture
Disky.eth8 months ago

We should work together! I've build a UX tool :)

Junior García's profile picture
Junior García8 months ago

it looks pretty cool

Disky.eth's profile picture
Disky.eth8 months ago

And so does yours! They are close together yet have different purposes I believe. But always open to explore common footing ;)

Diego's profile picture
Diego8 months ago

It would be insane to support branches from nodes to have a separate flows from a certain context, something like this 👇

Junior García's profile picture
Junior García8 months ago

oh that’s also supported but i forgot to showcase it

NIto's profile picture
NIto8 months ago

When launch?

Junior García's profile picture
Junior García8 months ago

update: Join the early access list →

fofr's profile picture
fofr8 months ago

This looks like so much fun.

Junior García's profile picture
Junior García8 months ago

having a lot of fun with it!

Atul Khola 💊's profile picture
Atul Khola 💊8 months ago

we're at the 'use AI to animate static SVGs' stage of civilization. next we'll use it to make animated SVGs static again. the circle of tech.

Mike Mickelson's profile picture
Mike Mickelson8 months ago

motion designers spent years learning after effects and you just... prompted it into existence

Junior García's profile picture
Junior García8 months ago

well to be fair it doesn’t produce complex motions (probably will)

Raigen's profile picture
Raigen8 months ago

Cooked, Can be great saas project

Dani Bayanov's profile picture
Dani Bayanov8 months ago

Awesome tool but it’s will never match with the quality as mine animations

Mihir's profile picture
Mihir8 months ago

When you say 'any' SVG, does it include traced SVGs that are generated from raster images? They are usually a mess of paths

Junior García's profile picture
Junior García8 months ago

well haven’t tried with those yet, will give it a try

Mihir's profile picture
Mihir8 months ago

Give me access and I will give you proper feedback?

Pratham's profile picture
Pratham8 months ago

That’s really clean 🔥

clement hugbo's profile picture
clement hugbo8 months ago

incredible!

Adarsh's profile picture
Adarsh8 months ago

thats cool

siddy's profile picture
siddy8 months ago

must need app

Wyb0's profile picture
Wyb08 months ago

would love to give it a try

ROOM's profile picture
ROOM8 months ago

Now this looks fire

lodz's profile picture
lodz8 months ago

cool stuff! how could i test it? want to animate my birdo

Junior García's profile picture
Junior García8 months ago

launching the early access page soon, stay tuned!

Leo Dang's profile picture
Leo Dang8 months ago

will it be release as open source example project using Hero UI components?

shiv's profile picture
shiv8 months ago

am i the only one not to get Gemini 3.1 in CLI?

Dhruval's profile picture
Dhruval8 months ago

this is so cool

Darshan purani's profile picture
Darshan purani8 months ago

Would love to try these for UI animation!

Shreyans Bhansali's profile picture
Shreyans Bhansali8 months ago

gemini out here giving svg superpowers like it's nothing

kula's profile picture
kula8 months ago

sweet

Evan's profile picture
Evan8 months ago

i’d love access!

Rafael 📖's profile picture
Rafael 📖8 months ago

Interesting 👏👏

Vincent's profile picture
Vincent8 months ago

It's awesome

 007's profile picture
 0078 months ago

Cool

Robert Shaw 𝕏's profile picture
Robert Shaw 𝕏8 months ago

That's cool. I want the same feature in my model playground. You inspired me. Thanks, @jrgarciadev!

NYC!'s profile picture
NYC!8 months ago

Looks incredible, I had this idea long time ago but didn't think over it lol xD

Ognen Todorovski's profile picture
Ognen Todorovski8 months ago

i love that more and more canvas tools are appearing, it seems to be the best environment for creatives. i built nudgr, a spatial tool for creatives to visualize their ideas

Utsav's profile picture
Utsav8 months ago

@LottieFiles 👀

Ian Botes | DPU Founder 𖦹's profile picture
Ian Botes | DPU Founder 𖦹8 months ago

Duolingo seeing this:

Rituraj's profile picture
Rituraj8 months ago

The results being "insane" makes total sense—Gemini's reasoning capabilities are perfect for understanding which parts of a vector should pulse, rotate, or flow without breaking the brand's visual DNA. You're effectively building a bridge where static assets become living, interactive components in seconds. This is the future of web assets!

Dmytro Chuta's profile picture
Dmytro Chuta8 months ago

Wow 🤩

Related Videos