frontend.fyi

Recreating Amie.so animations with framer motion

Exploring Amie's amazing animation details and teaching them to you using Framer Motion.

🧑‍💻 🎥
... Almost ready!

Both Amie’s website as well as their product are full of awesome animations and details. Details that are inspiring to many. The web would be so much more fun if we had more people who could make such animations. That’s exactly the reason we’ll be diving into a few of these animations today — to teach you how to recreate these yourself!

We’ll be exploring multiple Framer Motion features, such as the useInView hook, the animation sequences and layout animations.