# Framer Motion vs Motion: what is the difference?

> They are the same library. Framer Motion became Motion when it went independent from Framer. New projects install the motion package and import from "motion/react". The framer-motion package is still published with the same version number, so old code keeps working, but the docs now live at motion.dev.

Updated November 2026. Source: https://www.exodeui.com/questions/framer-motion-vs-motion/

## Key takeaways

- Same library, new name and home: motion.dev
- Install: npm install motion
- Import: import { motion } from "motion/react"
- framer-motion is still published, at the same version as motion
- Motion also has a vanilla JavaScript API, not just React

## Frequently asked questions

### Is framer-motion deprecated?

It is still published and updated alongside motion. New projects should use the motion package.

### Do I need to rewrite my animations?

Usually not. Change the import path from framer-motion to motion/react.

### Is Motion only for React?

No. It has a JavaScript API for any site, plus React and Vue packages.

### How do I install Framer Motion?

Run npm install motion and import from motion/react.

## Related

- [Is Framer Motion free?](https://www.exodeui.com/questions/is-framer-motion-free)
- [Framer Motion vs GSAP](https://www.exodeui.com/compare/framer-motion-vs-gsap)
- [Migrate from Framer Motion](https://www.exodeui.com/docs/migration/from-framer-motion)
- [Does Framer Motion work with React 19?](https://www.exodeui.com/questions/framer-motion-react-19-nextjs)