🌀 motioned

Batteries included animation toolkit for web developers and designers.

🎨   Craft animations in Figma. Make them an integral part of your design process.

🛠   Implement in React. Powerful library with precise high- and low-level control. Hardware accelerated.

👁️   Observe and debug in Dev Tools. Go back in time and adjust your béziers.

Note: This toolkit is currently under active development 🚧

return (
  <m.div
    animate={{
      opacity: 1,
      rotateZ: 180,
      borderRadius: 20,
      scaleX: 1,
      scaleY: 1,

      transition: {
        easing: 'spring',
      },
    }}
  />
);

Install

npm i motioned
# or
yarn add motioned
# or
pnpm add motioned

License

MIT