正在加载视频...

视频加载失败

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 次观看 • 7 个月前 •via X (Twitter)

45 条评论

Junior García 的头像
Junior García7 个月前

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 的头像
Junior García7 个月前

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

Junior García 的头像
Junior García7 个月前

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

Disky.eth 的头像
Disky.eth7 个月前

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

Junior García 的头像
Junior García7 个月前

it looks pretty cool

Disky.eth 的头像
Disky.eth7 个月前

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

Diego 的头像
Diego7 个月前

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

Junior García 的头像
Junior García7 个月前

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

NIto 的头像
NIto7 个月前

When launch?

Junior García 的头像
Junior García6 个月前

update: Join the early access list →

fofr 的头像
fofr7 个月前

This looks like so much fun.

Junior García 的头像
Junior García7 个月前

having a lot of fun with it!

Atul Khola 💊 的头像
Atul Khola 💊7 个月前

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 的头像
Mike Mickelson7 个月前

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

Junior García 的头像
Junior García7 个月前

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

Raigen 的头像
Raigen7 个月前

Cooked, Can be great saas project

Dani Bayanov 的头像
Dani Bayanov7 个月前

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

Mihir 的头像
Mihir7 个月前

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 的头像
Junior García7 个月前

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

Mihir 的头像
Mihir7 个月前

Give me access and I will give you proper feedback?

Pratham 的头像
Pratham7 个月前

That’s really clean 🔥

clement hugbo 的头像
clement hugbo7 个月前

incredible!

Adarsh 的头像
Adarsh6 个月前

thats cool

siddy 的头像
siddy7 个月前

must need app

Wyb0 的头像
Wyb07 个月前

would love to give it a try

ROOM 的头像
ROOM6 个月前

Now this looks fire

lodz 的头像
lodz7 个月前

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

Junior García 的头像
Junior García7 个月前

launching the early access page soon, stay tuned!

Leo Dang 的头像
Leo Dang7 个月前

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

shiv 的头像
shiv7 个月前

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

Dhruval 的头像
Dhruval6 个月前

this is so cool

Darshan purani 的头像
Darshan purani6 个月前

Would love to try these for UI animation!

Shreyans Bhansali 的头像
Shreyans Bhansali6 个月前

gemini out here giving svg superpowers like it's nothing

kula 的头像
kula7 个月前

sweet

Evan 的头像
Evan7 个月前

i’d love access!

Rafael 📖 的头像
Rafael 📖7 个月前

Interesting 👏👏

Vincent 的头像
Vincent7 个月前

It's awesome

 007 的头像
 0077 个月前

Cool

Robert Shaw 𝕏 的头像
Robert Shaw 𝕏7 个月前

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

NYC! 的头像
NYC!6 个月前

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

Ognen Todorovski 的头像
Ognen Todorovski6 个月前

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 的头像
Utsav7 个月前

@LottieFiles 👀

Ian Botes | DPU Founder 𖦹 的头像
Ian Botes | DPU Founder 𖦹6 个月前

Duolingo seeing this:

Rituraj 的头像
Rituraj6 个月前

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 的头像
Dmytro Chuta6 个月前

Wow 🤩

相关视频