frontend.fyi

Recreating Amie.so animations with Motion for React

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

🧑‍💻 🎥
... 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.