Need animations? Use this library.

Показать описание

Framer Motion is now Motion, and I'm pretty hyped about it.

S/O Ph4se0n3 for the awesome edit 🙏

Рекомендации по теме

Комментарии

I’ve always loved Framer Motion and used it in nearly all of my projects. So happy to see that they are bringing it to everyone outside of React!

ryanmilton

I’m conflicted. These animations look sick, but I equally love the straight performance of something like the McMaster site. No animations just feels faster.

kevharv

The thing I don't like about motion is that, it treats animations like components. To me, animations should be a part of the components' styles stored seperately.

ramsey

Hey Theo, I've been cooking up my own animation library these past two months. Fingers crossed it lands in one of your videos someday—I'd love to hear your hot take on it. 🤞🏻

It’s built for After Effects motion designers who wanna flex REAL keyframe-based animations on the web—none of that basic tweening stuff. Oh, and there's a GUI in the works, so devs and designers can finally stop speaking two different languages. 👀

Bonus: You’ll even be able to export animations straight from After Effects as SVG. Unlike Lottie, though, these animations won’t turn your site into a sluggish potato. 🚀

maxfri

7:14 just echoing this coolness. i love the cooperation here.

crowlsyong

Entry and exit animations ins Vue are built-in and are so easy, I can’t believe that is hard in React…

gro

Matt first had Motion One which was for both Solid and Vue. Now that he no longer has to focus on Framer Motion as much, this is going to be great

waleedbinalim

I just open YT to search motion related content and this video was on top

arun-poudel

bots watched this video before me. sad.

GravityFallse

9:00 Funny, that I thought this was such a basic feature in Vue, entry/exit animations, customizable in css. I guess other frameworks (libs), have it rough.

kaedriz

Never heard of this library. I love learning that this kind of thing is available! Thanks Theo.

jdubz

Timeline is like the animation api from angular, a compare would be awesome 😄

zocker_playtv

So happy to see that this library getting some new love!

JakeHaugen

With modern CSS exit animations are easier in React. You can transition to `display: none` with `transition-behavior: allow-discrete` and combine this with the @keyframes rule.

matchu-pitchu