Global

Note: Framer Motion is now Motion. Import from motion/react instead of framer-motion.

Create badass, fluid and smooth transitions between your website’s pages

Alternatively you can add a reference into an existing stylesheet like so (this may be useful to WordPress users who are unable to edit HTML):

A simple and fast way to get started is to include this script on your page:

For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the rest.

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.