Animate Like a Pro: Comparing GSAP and Motion One

Discover the differences between GSAP and Motion One, two popular animation libraries for web animation. In this video I compare features and benefits to help you find your perfect fit.

Thank you to my Patrons:
- Bonita McBride
- Matthew Stenquist
- Sya Mace
- Lucas Pitchon
- Adele Guzman
- Roger Rizk
- Mohammed Virji
- Carissa Pray
- Matthew Farquharson
- Priya
- Qasim Zahid
- Clau Marin

Brought to you by:

[xiiEJRAM]

Thhhhx a lot for this amazing video, recently I was diving in GSAP tutorials and I really loved it
but after your video I really loved Motion one more, because it's easy and the documentation very clear enough to start make animation even without watching tutorials , Thanks for YouTube to display your video as recommendation <3

[ultimultig]

Great video, never heard of Motion One until this video, I will certainly look into it more!

[dyunior]

At this time, the GSAP website was already new and the docs is awesome.

[prodigymuj]

Love this video! I was actually thinking about what animation library I want to stick with. At first it was between GSAP and Framer Motion but motion seems very cool. Love that it's framework agnostic. Would love to see you build a landing page like you showed with intersection observers with motion!

[shixxor]

Man your videos are so professional and helpful. You channel will grow quickly. You're a very skillful person in many fields. Do these animation frameworks also work well in the react and nextjs space? Thanks for uploading this.

[jacobnorwood]

Funny thing is I searched for GSAP to see if it's still relevant. I haven't worked in web animation in years but I used GSAP for many years in production environments. I'm curious how the two hold up in modern web studios or for digital advertising. Motion One look easy to understand but from the example would be concerned about complicated animations sequences. GSAP from/to dot syntax made it pretty easy to string together complicated animations, and fix if you mess up. I've worked on real animation timelines, and I could see GSAP like a real timeline in my head writing the code.

[tekiero]

how did you get access to arc? for me it's says add to wishlist

[tinotaylor]

Loved this video and your comparison. Thinking about these two for our company so it's nice to see someone already taking the time to weigh up their pros and cons.

Which spotlight replacement tool were you using or was that part of arc?

[greendsnow]

biggest difference being, motion one can be used for commercial projects for free..

[nikhilpsathyanathan]

I saw this video at right time, it's very light compared to gsap and framer

[pro-verstka]

Hi, what app do you use to show key combinations?

[anthonyortiz]

So to sum it all up: gsap has more features, has been around much longer, has more documentation, bigger community, more support… but I’ll pick motion one.

[tekiero]

sad that editing is only on pro. Isn't it suppose to be the main tool in animation apps?

[gamingspecialunity]

Hi i would like to now if this tool motion one work with webflow or not ? On interne/Youtube there isn't content about how it work with nocode low code tools like webflow or framer by example

[claustw]

So why did you not compare it to the native svelte animation tools?

[RolandAyala]

Motion seems to have been abandoned, sadly.

[shash_]

2:17 "I'm using this lib without any wrappers, should be true with most frameworks". Well not React : \

[toddrothman]

I think you have a bias to begin with. It appears you want to look for why GSAP doesn’t perform but from my view, I didn’t see any arguments. Just bias in your presentation. That’s fine but this does not feel like a fair shake and neutral point of view. Anyway good video to see how they work.

[_justnick]

Dude, don't take this the wrong way, but unless you have some sort of issue with your hands, you need to learn how to type. You can't be looking at your keyboard while teaching stuff about code...