Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

Profilbild von Junior García
Junior Garcíavor 7 Monaten

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

Profilbild von Junior García
Junior Garcíavor 7 Monaten

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

Profilbild von Junior García
Junior Garcíavor 7 Monaten

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

Profilbild von Disky.eth
Disky.ethvor 7 Monaten

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

Profilbild von Junior García
Junior Garcíavor 7 Monaten

it looks pretty cool

Profilbild von Disky.eth
Disky.ethvor 7 Monaten

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

Profilbild von Diego
Diegovor 7 Monaten

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

Profilbild von Junior García
Junior Garcíavor 7 Monaten

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

Profilbild von NIto
NItovor 7 Monaten

When launch?

Profilbild von Junior García
Junior Garcíavor 6 Monaten

update: Join the early access list →

Profilbild von fofr
fofrvor 7 Monaten

This looks like so much fun.

Profilbild von Junior García
Junior Garcíavor 7 Monaten

having a lot of fun with it!

Profilbild von Atul Khola 💊
Atul Khola 💊vor 7 Monaten

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.

Profilbild von Mike Mickelson
Mike Mickelsonvor 7 Monaten

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

Profilbild von Junior García
Junior Garcíavor 7 Monaten

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

Profilbild von Raigen
Raigenvor 7 Monaten

Cooked, Can be great saas project

Profilbild von Dani Bayanov
Dani Bayanovvor 7 Monaten

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

Profilbild von Mihir
Mihirvor 7 Monaten

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

Profilbild von Junior García
Junior Garcíavor 7 Monaten

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

Profilbild von Mihir
Mihirvor 7 Monaten

Give me access and I will give you proper feedback?

Profilbild von Pratham
Prathamvor 7 Monaten

That’s really clean 🔥

Profilbild von clement hugbo
clement hugbovor 7 Monaten

incredible!

Profilbild von Adarsh
Adarshvor 7 Monaten

thats cool

Profilbild von siddy
siddyvor 7 Monaten

must need app

Profilbild von Wyb0
Wyb0vor 7 Monaten

would love to give it a try

Profilbild von ROOM
ROOMvor 7 Monaten

Now this looks fire

Profilbild von lodz
lodzvor 7 Monaten

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

Profilbild von Junior García
Junior Garcíavor 7 Monaten

launching the early access page soon, stay tuned!

Profilbild von Leo Dang
Leo Dangvor 7 Monaten

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

Profilbild von shiv
shivvor 7 Monaten

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

Profilbild von Dhruval
Dhruvalvor 6 Monaten

this is so cool

Profilbild von Darshan purani
Darshan puranivor 7 Monaten

Would love to try these for UI animation!

Profilbild von Shreyans Bhansali
Shreyans Bhansalivor 7 Monaten

gemini out here giving svg superpowers like it's nothing

Profilbild von kula
kulavor 7 Monaten

sweet

Profilbild von Evan
Evanvor 7 Monaten

i’d love access!

Profilbild von Rafael 📖
Rafael 📖vor 7 Monaten

Interesting 👏👏

Profilbild von Vincent
Vincentvor 7 Monaten

It's awesome

Profilbild von  007
 007vor 7 Monaten

Cool

Profilbild von Robert Shaw 𝕏
Robert Shaw 𝕏vor 7 Monaten

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

Profilbild von NYC!
NYC!vor 7 Monaten

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

Profilbild von Ognen Todorovski
Ognen Todorovskivor 6 Monaten

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

Profilbild von Utsav
Utsavvor 7 Monaten

@LottieFiles 👀

Profilbild von Ian Botes | DPU Founder 𖦹
Ian Botes | DPU Founder 𖦹vor 7 Monaten

Duolingo seeing this:

Profilbild von Rituraj
Riturajvor 7 Monaten

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!

Profilbild von Dmytro Chuta
Dmytro Chutavor 7 Monaten

Wow 🤩

Ähnliche Videos