motion
motion copied to clipboard
productdevbook
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://www.framer.com/motion/component/#%23layout-animation
https://www.framer.com/motion/component/#%23%23variants
https://www.framer.com/motion/component/#custom-components
``` ``` https://stackblitz.com/edit/vitejs-vite-iw9ct6?file=src%2FApp.vue
Please let us know if you are using it in your projects. You can even share project links.
### Description Update the docs a little with some small findings ### Linked Issues Should fix #40 ### Additional context
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [autoprefixer](https://togithub.com/postcss/autoprefixer) | [`^10.4.18` -> `^10.4.20`](https://renovatebot.com/diffs/npm/autoprefixer/10.4.18/10.4.20) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/)...
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot] avatar"){kind=avatar}
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@vue/test-utils](https://togithub.com/vuejs/test-utils) | [`^2.4.3` -> `^2.4.6`](https://renovatebot.com/diffs/npm/@vue%2ftest-utils/2.4.3/2.4.6) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/)...
### Describe the bug sample code: https://stackblitz.com/edit/vitejs-vite-qrx782?file=src%2FApp.vue same animate code on `div` and `path`, but work different ### Reproduction none ### System Info ```Shell mac ``` ### Used Package Manager...
Metadata
Owner
Metadata
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.