Motion Cookbook
Install and Set Up Framer Motion with React
Before you can learn to walk, you've got to crawl. Lets start off with getting Framer Motion installed in your project, and touching on some of the configuration basics for Next.js, Remix, and Vite, as well as using it alongside some of the more popular styling libraries.
Read More →Animate Elements Entering and Exiting the DOM with Framer Motion
If you’re just getting started with Framer Motion, one of the first (and most obvious) things that will come to mind to animate is the entrance and exit of a component as it enters and leaves the DOM. Adding just a touch of this transitioning to our React components through pleasant & subtle animations goes a long away to creating a user interface that feels natural and enjoyable to use.
Read More →
Hi, I'm Mark 👋
I've been a React developer for a long time, and wanted to build a place to practice building UI animations and share the results. You can learn more about me at markadamfoster.com.