https://github.com/lavolpecheprogramma/vue-gsap-flip
https://github.com/lavolpecheprogramma/vue-gsap-flip
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/lavolpecheprogramma/vue-gsap-flip
- Owner: lavolpecheprogramma
- Created: 2025-07-22T22:52:59.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2025-07-22T23:16:10.000Z (12 months ago)
- Last Synced: 2025-07-22T23:31:00.654Z (12 months ago)
- Language: TypeScript
- Size: 0 Bytes
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Vue GSAP FLIP
A Vue 3 library for creating smooth flip animations using GSAP's Flip plugin. Provides a clean, composable API that integrates seamlessly with Vue's reactivity system.
## 📚 Documentation
Visit our [documentation site](https://lavolpecheprogramma.github.io/vue-gsap-flip/) for comprehensive guides, examples, and API reference.
## 🚀 Installation
```bash
npm install @vue-gsap-flip/core gsap
```
## 🔌 Built-in Plugins
Vue GSAP FLIP comes with several built-in plugins to enhance your animations:
### `@vue-gsap-flip/reduced-motion`
Respects user's motion preferences for better accessibility. Automatically detects `prefers-reduced-motion` and provides fallbacks.
```bash
npm install @vue-gsap-flip/reduced-motion
```
### `@vue-gsap-flip/vue-router`
Seamless integration with Vue Router for page transitions and route-based animations.
```bash
npm install @vue-gsap-flip/vue-router
```
### `@vue-gsap-flip/vitepress-router`
Optimized for VitePress sites, providing smooth page transitions and navigation animations.
```bash
npm install @vue-gsap-flip/vitepress-router
```
### `@vue-gsap-flip/debug`
Development plugin that logs animation events to the console for debugging.
```bash
npm install @vue-gsap-flip/debug
```