Video wird geladen...
Video konnte nicht geladen werden
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
396,771 Aufrufe • vor 7 Monaten •via X (Twitter)
45 Kommentare

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

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

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

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

it looks pretty cool

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

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

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

When launch?

update: Join the early access list →

This looks like so much fun.

having a lot of fun with it!

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.

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

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

Cooked, Can be great saas project

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

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

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

Give me access and I will give you proper feedback?

That’s really clean 🔥

incredible!

thats cool

must need app

would love to give it a try

Now this looks fire

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

launching the early access page soon, stay tuned!

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

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

this is so cool

Would love to try these for UI animation!

gemini out here giving svg superpowers like it's nothing

sweet

i’d love access!

Interesting 👏👏

It's awesome

Cool

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

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

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

@LottieFiles 👀

Duolingo seeing this:

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!

Wow 🤩


