@gluhar/v-gsap-nuxt
GSAP Directive for Nuxt 3
2,993
170
| Install | |
|---|---|
npm install @gluhar/v-gsap-nuxt |
|
| Latest Version: | 1.6.4 |
| Vue: | 3 |
| License: | MIT |
| Last Updated: | Feb 10, 2026 |
| Links: | GitHub · npm |
Maintainer: harry_yaprakov
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.6.4 | ^3.0 | MIT | |
| 1.6.1 | ^3.0 | MIT | |
| 1.5.1 | ^3.0 | MIT |