https://github.com/oku-ui/motion

Motion for Vue is a 5kb animation library for Vue 3 and Nuxt 3. Built on Motion, it's capable of springs, independent transforms, and hardware accelerated animations.
https://github.com/oku-ui/motion

framer-motion motion motion-nuxt motion-vue motionone nuxt-motion vue-motion

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/oku-ui/motion
• Owner: oku-ui
• License: mit
• Created: 2024-01-03T10:08:01.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-21T15:07:58.000Z (3 months ago)
• Last Synced: 2024-12-07T14:05:21.447Z (about 2 months ago)
• Topics: framer-motion, motion, motion-nuxt, motion-vue, motionone, nuxt-motion, vue-motion
• Language: TypeScript
• Homepage: https://motion.oku-ui.com
• Size: 4.2 MB
• Stars: 248
• Watchers: 1
• Forks: 6
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Oku Motion

**Unleash the Power of Animation in Your Vue Apps!**

**A tiny, performant animation library for VueJS. Powered by [Motion](https://motion.dev/).**



  

  

  

  

  



## 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.