v-gsap-nuxt
v-gsap-nuxt
GSAP as a directive (Unofficial). Build stunning animations with v-gsap.
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