`v-gsap` 用於 Nuxt (和 Vue)

(點擊圖片以造訪文件)

功能特色

🚀 使用 GSAP 實現流暢動畫
🖍️ 易於使用的指令語法，搭配 v-gsap
📦 用於複雜動畫的 useGSAP() composable
🪄 使用 <GSAPTransition> 為 v-if 添加動畫
⌨️ 強大的進入預設和自訂預設
🧩 完整的 GSAP 外掛擴充性

安裝

透過一個指令將模組安裝到您的 Nuxt 應用程式

npx nuxi module add v-gsap-nuxt

就這樣！您現在可以在您的 Nuxt 應用程式中使用 v-gsap ✨

想在 Vue 中使用？了解 Vue 用法

文件

👁️ 在此處找到完整文件和範例：文件

GSAP 授權

GSAP 受到其自身的授權條款約束。在將 GSAP 與 v-gsap-nuxt (作為依賴項) 整合之前，請務必檢閱並遵守 GSAP 標準授權。

此模組本身以 MIT 許可證授權。

貢獻

本地開發

# 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