@likecoin/v-gsap-nuxt

Fork of v-gsap-nuxt published under the @likecoin npm scope. Adds lazy-loading of gsap and its plugins so pages that never use v-gsap ship zero gsap, and pages that only use .from get gsap core (~70KB) instead of the full bundle (~165KB). Public API is unchanged from upstream.

(Click image to visit the upstream 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 from npm:

npm install @likecoin/v-gsap-nuxt

Then add it to modules in nuxt.config.ts:

export default defineNuxtConfig({
  modules: ['@likecoin/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

# 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