https://github.com/motiondivision/motion-vue
Motion for Vue
https://github.com/motiondivision/motion-vue
animation framer-motion motion motion-vue vue
Last synced: 14 days ago
JSON representation
Motion for Vue
- Host: GitHub
- URL: https://github.com/motiondivision/motion-vue
- Owner: motiondivision
- License: mit
- Created: 2024-11-15T01:38:01.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2025-04-01T09:26:29.000Z (21 days ago)
- Last Synced: 2025-04-01T10:06:16.761Z (21 days ago)
- Topics: animation, framer-motion, motion, motion-vue, vue
- Language: TypeScript
- Homepage: https://motion.dev
- Size: 1.67 MB
- Stars: 1,670
- Watchers: 7
- Forks: 40
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
Motion for Vue
Motion for Vue is an open source, production-ready library that’s designed for all creative developers.
It's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.
It looks like this:
```jsx
```
It does all this:
- Springs
- Keyframes
- Layout animations
- Shared layout animations
- Gestures (drag/tap/hover)
- Scroll animations
- SVG paths
- Exit animations
- Server-side rendering
- Independent transforms
- Orchestrate animations across components
- CSS variables
...and a whole lot more.
## Get started
### 🐇 Quick start
Install `motion-v` via your package manager:
```
npm install motion-v
```
Then import the `motion` component:
```vue
import { motion } from "motion-v";
```
### 💎 Contribute
- Want to contribute to Motion? Our [contributing guide](https://github.com/motiondivision/motion-vue/blob/master/CONTRIBUTING.md) has you covered.
### 👩🏻⚖️ License
- Motion for Vue is MIT licensed.
## ✨ Sponsors
Motion is sustainable thanks to the kind support of its sponsors.
### Partners
#### Framer
Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.
### Platinum
### Gold
### Silver
