Oku Motion

Unleash the Power of Animation in Your Vue Apps! A tiny, performant animation library for VueJS. Powered by Motion.

<p> <a href="https://www.npmjs.com/package/@oku-ui/motion"><img src="https://img.shields.io/npm/v/@oku-ui/motion.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> <a href="https://www.npmjs.com/package/@oku-ui/motion"><img src="https://img.shields.io/npm/dm/@oku-ui/motion.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"></a> <a href="https://github.com/oku-ui/motion/tree/main/LICENSE"><img src="https://img.shields.io/github/license/nuxt/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="License"></a> <a href="https://motion.oku-ui.com"><img src="https://img.shields.io/badge/Oku Motion%20Docs-18181B?logo=vue.js" alt="Website"></a> <a href="https://chat.oku-ui.com"><img src="https://img.shields.io/badge/Oku%20Discord-18181B?logo=discord" alt="Discord"></a> </p>

Introduction

Motion for Vue is a 5kb animation library for Vue 3. Built on Motion, it's capable of springs, independent transforms, and hardware accelerated animations.

By the end of this quick guide, you'll have installed Motion for Vue and created your first animation.

Motion Docs: Oku Motion Website: Oku Website Primitives Docs: Oku Primitives

Contributing

Please read our contributing guide

Credits

• Special thanks to the Motion library, which provided a solid foundation for the animation features in this project.
• A significant portion of the source code was directly adapted and extended from rick-hup, whose work was crucial in implementing motion within Vue.js.
• motionone served as an essential resource for the underlying animation capabilities used in this project.
• vue-motion-one provided valuable insights that helped shape the motion features.