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:

1npx 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

1# Install dependencies
2npm install
3
4# Generate type stubs
5npm run dev:prepare
6
7# Develop with the playground
8npm run dev:playground
9# OR
10# Develop with the Docs
11npm run dev:docs
12
13# Build the playground
14npm run dev:build
15
16# Run ESLint
17npm run dev:check
18
19# Release new version
20npm run release