UNPKG

@oku-ui/motion

Version:

A tiny, performant animation library for VueJS

github.com/oku-ui/motion

oku-ui/motion

34 lines (23 loc) • 2.21 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
# Oku Motion **Unleash the Power of Animation in Your Vue Apps!** **A tiny, performant animation library for VueJS. Powered by [Motion](https://motion.dev/).** <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](https://motion.oku-ui.com) Website: [Oku Website](https://oku-ui.com) Primitives Docs: [Oku Primitives](https://primitives.oku-ui.com) # Contributing Please read our [contributing guide](https://github.com/oku-ui/motion/blob/master/CONTRIBUTING.md) ## Credits - Special thanks to the **[Motion](https://github.com/motiondivision/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](https://github.com/rick-hup/motion-vue)**, whose work was crucial in implementing motion within Vue.js. - **[motionone](https://github.com/motiondivision/motionone)** served as an essential resource for the underlying animation capabilities used in this project. - **[vue-motion-one](https://github.com/wobsoriano/vue-motion-one/tree/master)** provided valuable insights that helped shape the motion features.