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 animate v-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