🌀 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 🚧

---

<img src="https://github.com/judehunter/motioned/assets/32528507/5f277d4c-7a5e-4659-b940-7cf39173f5df" width="250" height="250" align="left"/>

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