Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 7 ay önce •via X (Twitter)

45 Yorum

Junior García profil fotoğrafı
Junior García7 ay önce

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 profil fotoğrafı
Junior García7 ay önce

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

Junior García profil fotoğrafı
Junior García7 ay önce

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

Disky.eth profil fotoğrafı
Disky.eth7 ay önce

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

Junior García profil fotoğrafı
Junior García7 ay önce

it looks pretty cool

Disky.eth profil fotoğrafı
Disky.eth7 ay önce

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

Diego profil fotoğrafı
Diego7 ay önce

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

Junior García profil fotoğrafı
Junior García7 ay önce

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

NIto profil fotoğrafı
NIto7 ay önce

When launch?

Junior García profil fotoğrafı
Junior García6 ay önce

update: Join the early access list →

fofr profil fotoğrafı
fofr7 ay önce

This looks like so much fun.

Junior García profil fotoğrafı
Junior García7 ay önce

having a lot of fun with it!

Atul Khola 💊 profil fotoğrafı
Atul Khola 💊7 ay önce

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 profil fotoğrafı
Mike Mickelson7 ay önce

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

Junior García profil fotoğrafı
Junior García7 ay önce

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

Raigen profil fotoğrafı
Raigen7 ay önce

Cooked, Can be great saas project

Dani Bayanov profil fotoğrafı
Dani Bayanov7 ay önce

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

Mihir profil fotoğrafı
Mihir7 ay önce

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 profil fotoğrafı
Junior García7 ay önce

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

Mihir profil fotoğrafı
Mihir7 ay önce

Give me access and I will give you proper feedback?

Pratham profil fotoğrafı
Pratham7 ay önce

That’s really clean 🔥

clement hugbo profil fotoğrafı
clement hugbo7 ay önce

incredible!

Adarsh profil fotoğrafı
Adarsh6 ay önce

thats cool

siddy profil fotoğrafı
siddy7 ay önce

must need app

Wyb0 profil fotoğrafı
Wyb07 ay önce

would love to give it a try

ROOM profil fotoğrafı
ROOM7 ay önce

Now this looks fire

lodz profil fotoğrafı
lodz7 ay önce

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

Junior García profil fotoğrafı
Junior García7 ay önce

launching the early access page soon, stay tuned!

Leo Dang profil fotoğrafı
Leo Dang7 ay önce

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

shiv profil fotoğrafı
shiv7 ay önce

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

Dhruval profil fotoğrafı
Dhruval6 ay önce

this is so cool

Darshan purani profil fotoğrafı
Darshan purani6 ay önce

Would love to try these for UI animation!

Shreyans Bhansali profil fotoğrafı
Shreyans Bhansali7 ay önce

gemini out here giving svg superpowers like it's nothing

kula profil fotoğrafı
kula7 ay önce

sweet

Evan profil fotoğrafı
Evan7 ay önce

i’d love access!

Rafael 📖 profil fotoğrafı
Rafael 📖7 ay önce

Interesting 👏👏

Vincent profil fotoğrafı
Vincent7 ay önce

It's awesome

 007 profil fotoğrafı
 0077 ay önce

Cool

Robert Shaw 𝕏 profil fotoğrafı
Robert Shaw 𝕏7 ay önce

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

NYC! profil fotoğrafı
NYC!6 ay önce

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

Ognen Todorovski profil fotoğrafı
Ognen Todorovski6 ay önce

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 profil fotoğrafı
Utsav7 ay önce

@LottieFiles 👀

Ian Botes | DPU Founder 𖦹 profil fotoğrafı
Ian Botes | DPU Founder 𖦹6 ay önce

Duolingo seeing this:

Rituraj profil fotoğrafı
Rituraj6 ay önce

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 profil fotoğrafı
Dmytro Chuta6 ay önce

Wow 🤩

Benzer Videolar