{"id":25328487,"url":"https://github.com/holux-design/v-gsap-nuxt","last_synced_at":"2025-04-04T19:03:16.592Z","repository":{"id":265228947,"uuid":"895515523","full_name":"holux-design/v-gsap-nuxt","owner":"holux-design","description":"Awesome GSAP for Nuxt","archived":false,"fork":false,"pushed_at":"2025-03-17T07:13:40.000Z","size":1618,"stargazers_count":90,"open_issues_count":1,"forks_count":7,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-28T18:07:02.055Z","etag":null,"topics":["composable","directive","gsap","nuxt","nuxt3","scrolltrigger","transition","vue"],"latest_commit_sha":null,"homepage":"https://v-gsap-nuxt.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/holux-design.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":null},"created_at":"2024-11-28T10:59:28.000Z","updated_at":"2025-03-25T18:20:02.000Z","dependencies_parsed_at":"2025-02-17T20:22:46.248Z","dependency_job_id":"9c54dda0-a57b-4dbd-a874-9be32eb8bdbf","html_url":"https://github.com/holux-design/v-gsap-nuxt","commit_stats":null,"previous_names":["holux-design/v-gsap-nuxt"],"tags_count":41,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holux-design%2Fv-gsap-nuxt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holux-design%2Fv-gsap-nuxt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holux-design%2Fv-gsap-nuxt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holux-design%2Fv-gsap-nuxt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/holux-design","download_url":"https://codeload.github.com/holux-design/v-gsap-nuxt/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247234920,"owners_count":20905854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["composable","directive","gsap","nuxt","nuxt3","scrolltrigger","transition","vue"],"created_at":"2025-02-14T02:33:57.691Z","updated_at":"2025-04-04T19:03:16.573Z","avatar_url":"https://github.com/holux-design.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# `v-gsap` for Nuxt (and Vue)\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![License][license-src]][license-href] [![Nuxt][nuxt-src]][nuxt-href]\n\n[![](docs/public/cover.png)](https://v-gsap-nuxt.vercel.app/) (Click image to\nvisit the docs)\n\n## Features\n\n- 🚀 Smooth animations with [GSAP](https://gsap.com/)\n- 🖍️ Easy to use directive syntax with\n  [`v-gsap`](https://v-gsap-nuxt.vercel.app/playground)\n- 📦 [`useGSAP()`](https://v-gsap-nuxt.vercel.app/usage/composable) composable\n  for complex animations\n- 🪄 [`\u003cGSAPTransition\u003e`](https://v-gsap-nuxt.vercel.app/usage/v-if) to animate\n  `v-if`\n- ⌨️ Powerful\n  [entrance presets](https://v-gsap-nuxt.vercel.app/usage/modifiers#entrance)\n  and [custom presets](https://v-gsap-nuxt.vercel.app/usage/presets)\n- 🧩 Full GSAP\n  [Plugin extensibility](https://v-gsap-nuxt.vercel.app/information/gsap-plugins)\n\n## Installation\n\nInstall the module to your Nuxt application with one command:\n\n```bash\nnpx nuxi module add v-gsap-nuxt\n```\n\nThat's it! You can now use `v-gsap` in your Nuxt app ✨\n\n### Want to use it with Vue? [Learn about Vue usage](https://v-gsap-nuxt.vercel.app/installation/vue.only)\n\n## Docs\n\n### 👁️ Find the full docs and examples here: [Documentation](https://v-gsap-nuxt.vercel.app/)\n\n---\n\n### GSAP Licensing\n\nGSAP is subject to its own licensing terms. Before incorporating GSAP with\n`v-gsap-nuxt` (as dependency), ensure you review and comply with the\n[GSAP Standard License](https://gsap.com/community/standard-license/).\n\nThis module itself is licensed under the MIT License.\n\n---\n\n## Contribution\n\n\u003cdetails\u003e\n  \u003csummary\u003eLocal development\u003c/summary\u003e\n  \n  ```bash\n  # Install dependencies\n  npm install\n  \n  # Generate type stubs\n  npm run dev:prepare\n  \n  # Develop with the playground\n  npm run dev:playground\n  # OR\n  # Develop with the Docs\n  npm run dev:docs\n  \n  # Build the playground\n  npm run dev:build\n  \n  # Run ESLint\n  npm run dev:check\n  \n  # Release new version\n  npm run release\n  ```\n\n\u003c/details\u003e\n\n\u003c!-- Badges --\u003e\n\n[npm-version-src]:\n  https://img.shields.io/npm/v/v-gsap-nuxt/latest.svg?style=flat\u0026colorA=020420\u0026colorB=00DC82\n[npm-version-href]: https://npmjs.com/package/v-gsap-nuxt\n[npm-downloads-src]:\n  https://img.shields.io/npm/dm/v-gsap-nuxt.svg?style=flat\u0026colorA=020420\u0026colorB=00DC82\n[npm-downloads-href]: https://npm.chart.dev/v-gsap-nuxt\n[license-src]:\n  https://img.shields.io/npm/l/v-gsap-nuxt.svg?style=flat\u0026colorA=020420\u0026colorB=00DC82\n[license-href]: https://npmjs.com/package/v-gsap-nuxt\n[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js\n[nuxt-href]: https://nuxt.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fholux-design%2Fv-gsap-nuxt","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fholux-design%2Fv-gsap-nuxt","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fholux-design%2Fv-gsap-nuxt/lists"}