@mrbubbaz/v-gsap-nuxt
v-gsap for Nuxt (and Vue)
(Click image to
visit the docs)
Features
- 🚀 Smooth animations with GSAP
- 🖍️ Easy to use directive syntax with
v-gsap - 📦
useGSAP()composable for complex animations - 🪄
<GSAPTransition>to animatev-if - ⌨️ Powerful entrance presets and custom presets
- 🧩 Full GSAP Plugin extensibility
Installation
Install the module to your Nuxt application with one command:
npx nuxi module add v-gsap-nuxt
That's it! You can now use v-gsap in your Nuxt app ✨
Want to use it with Vue? Learn about Vue usage
Docs
👁️ Find the full docs and examples here: Documentation
GSAP Licensing
GSAP is subject to its own licensing terms. Before incorporating GSAP with
v-gsap-nuxt (as dependency), ensure you review and comply with the
GSAP Standard License.
This module itself is licensed under the MIT License.
Contribution
Local development
# Install dependencies
npm install
# Generate type stubs
npm run dev:prepare
# Develop with the playground
npm run dev:playground
# OR
# Develop with the Docs
npm run dev:docs
# Build the playground
npm run dev:build
# Run ESLint
npm run dev:check
# Release new version
npm run release
Related Packages
@d0rich/nuxt-design-system
🖼️ Design system for d0rich's projects based on Nuxt 3 and Tailwind CSS
2,107
2
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.5.15 | ^3.0 | MIT | |
| 1.5.14 | ^3.0 | MIT | |
| 1.5.13 | ^3.0 | MIT | |
| 1.5.6 | ^3.0 | MIT | |
| 1.5.5 | ^3.0 | MIT | |
| 1.5.4 | ^3.0 | MIT | |
| 1.5.3 | ^3.0 | MIT | |
| 1.5.1 | ^3.0 | MIT | |
| 1.5.0 | ^3.0 | MIT |
Pre-releases (1)
| Version | Released | Vue | License |
|---|---|---|---|
| 1.4.5-splittext.0 | ^3.0 | MIT |