Working with Framer Motion

First we take a look at how simple the API is. You control everything very declaratively through props on elements in your JSX. Controlling animation at this layer is very intuitive and connected to the UI and state in a meaningful way.

Each example we look at is more real-world and involves more features of what Framer Motion is capable of. React developers will love the syntax of it all, and everyone else will love the incredibly performant and smooth results.

We end looking at Framer itself, which uses this exact library internally to do all the animation things Framer does.

[omranabazeed]

Framer motion is pretty cool.
Chris also always amazes me how good is he in marketing stuff.
He can literally make anything look amazing.

[johnrio]

I've been on the Framer/Framer motion hype train pretty hard the last few weeks so it's really nice to see it hit Chris' channel!

[LuisMartinsmw]

Still wrapping my head around the orchestration stuff to achieve the composition allowed by something like GSAP but super impressed with the quality of this library so far.

[paxan]

I am very impressed. Well done. I'm not used yet but i want to thank you for this open source beautiful library also thank you for this video. Thank you.

[selinov]

Exactly how does Framer Motion tie into Framer/Framer X ? Do the props you set in the code view in Framer translate directly to props in Framer Motion components? What is the handoff process from Framer to a frontend dev?

[darrell]

I'm a designer. I like Sketch. I've been Forced to use Framer as the devs like it. As for Motion, it's not an intuitive software for a novice coder. Still looking for a tutorial that uses this plugin within Framer itself.