Motion was formerly known as Framer Motion.

​
Installation

To install Motion, simply run the following command:
Terminal
pnpm add motion

​
Usage

Here is an example of how to use Motion to animate a component:
my-component.tsx
import { motion } from 'motion';

function MyComponent() {
  return (
    <motion.div animate={{ x: 100 }}>This is a component that is animated.</motion.div>
  );
}

​
Benefits

  • Easy Animation: Motion makes it easy to animate components with a simple and intuitive API.
  • Customization: Motion allows you to customize animations to your needs, providing a high degree of control over the animation process.
  • Performance: Motion is performant and has minimal impact on your application’s performance.
For more information and detailed documentation, visit the Motion website.