{"id":14961355,"url":"https://github.com/greensock/gsap","last_synced_at":"2025-12-12T03:53:44.409Z","repository":{"id":4755308,"uuid":"5905330","full_name":"greensock/GSAP","owner":"greensock","description":"GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web","archived":false,"fork":false,"pushed_at":"2025-04-30T15:27:35.000Z","size":12821,"stargazers_count":21064,"open_issues_count":6,"forks_count":1772,"subscribers_count":400,"default_branch":"master","last_synced_at":"2025-05-05T11:47:12.092Z","etag":null,"topics":["animation","gsap","javascript","javascript-library","scroll"],"latest_commit_sha":null,"homepage":"https://gsap.com","language":"JavaScript","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/greensock.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2012-09-21T18:03:25.000Z","updated_at":"2025-05-05T11:44:30.000Z","dependencies_parsed_at":"2022-07-10T14:15:17.161Z","dependency_job_id":"f80004df-42df-4cad-88cb-1e3825283e85","html_url":"https://github.com/greensock/GSAP","commit_stats":{"total_commits":174,"total_committers":3,"mean_commits":58.0,"dds":"0.48275862068965514","last_synced_commit":"6032c54a21981b389a5f5603a45083f38ed5acf9"},"previous_names":["greensock/greensock-js"],"tags_count":113,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greensock%2FGSAP","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greensock%2FGSAP/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greensock%2FGSAP/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greensock%2FGSAP/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/greensock","download_url":"https://codeload.github.com/greensock/GSAP/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252504146,"owners_count":21758654,"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":["animation","gsap","javascript","javascript-library","scroll"],"created_at":"2024-09-24T13:24:52.672Z","updated_at":"2025-12-12T03:53:44.402Z","avatar_url":"https://github.com/greensock.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GSAP (GreenSock Animation Platform)\n\n[![GSAP - Animate anything](https://gsap.com/GSAP-share-image.png)](https://gsap.com)\n\nGSAP is a **framework-agnostic** JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects... anything JavaScript can touch! GSAP's \u003ca href=\"https://gsap.com/docs/v3/Plugins/ScrollTrigger/\"\u003eScrollTrigger\u003c/a\u003e plugin delivers jaw-dropping scroll-based animations with minimal code. \u003ca href=\"https://gsap.com/docs/v3/GSAP/gsap.matchMedia()\"\u003egsap.matchMedia()\u003c/a\u003e makes building responsive, accessibility-friendly animations a breeze.\n\nNo other library delivers such advanced sequencing, reliability, and tight control while solving real-world problems on over 12 million sites. GSAP works around countless browser inconsistencies; your animations ***just work***. At its core, GSAP is a high-speed property manipulator, updating values over time with extreme accuracy. It's up to 20x faster than jQuery!\n\nGSAP is completely flexible; sprinkle it wherever you want. **Zero dependencies.**\n\nThere are many optional \u003ca href=\"https://gsap.com/docs/v3/Plugins\"\u003eplugins\u003c/a\u003e and \u003ca href=\"https://gsap.com/docs/v3/Eases\"\u003eeasing\u003c/a\u003e functions for achieving advanced effects easily like \u003ca href=\"https://gsap.com/docs/v3/Plugins/ScrollTrigger/\"\u003escrolling\u003c/a\u003e, \u003ca href=\"https://gsap.com/docs/v3/Plugins/MorphSVGPlugin\"\u003emorphing\u003c/a\u003e, [text splitting](https://gsap.com/docs/v3/Plugins/SplitText), animating along a \u003ca href=\"https://gsap.com/docs/v3/Plugins/MotionPathPlugin\"\u003emotion path\u003c/a\u003e or \u003ca href=\"https://gsap.com/docs/v3/Plugins/Flip/\"\u003eFLIP\u003c/a\u003e animations. There's even a handy \u003ca href=\"https://gsap.com/docs/v3/Plugins/Observer/\"\u003eObserver\u003c/a\u003e for normalizing event detection across browsers/devices. \n\n\n### Get Started\n\n[![Get Started with GSAP](https://gsap.com/_img/github/get-started.jpg)](https://gsap.com/get-started)\n\n\n## Docs \u0026amp; Installation\n\nView the \u003ca href=\"https://gsap.com/docs\"\u003efull documentation here\u003c/a\u003e, including an \u003ca href=\"https://gsap.com/install\"\u003einstallation guide\u003c/a\u003e.\n\n### CDN\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/gsap@3.14/dist/gsap.min.js\"\u003e\u003c/script\u003e\n```\n\nSee \u003ca href=\"https://www.jsdelivr.com/gsap\"\u003eJSDelivr's dedicated GSAP page\u003c/a\u003e for quick CDN links to the core files/plugins. There are more \u003ca href=\"https://gsap.com/install\"\u003einstallation instructions\u003c/a\u003e at gsap.com.\n\n**Every major ad network excludes GSAP from file size calculations** and most have it on their own CDNs, so contact them for the appropriate URL(s). \n\n### NPM\nSee the \u003ca href=\"https://gsap.com/install\"\u003eguide to using GSAP via NPM here\u003c/a\u003e.\n\n```javascript\nnpm install gsap\n```\n\nGSAP's core can animate almost anything including CSS and attributes, plus it includes all of the \u003ca href=\"https://gsap.com/docs/v3/GSAP/UtilityMethods\"\u003eutility methods\u003c/a\u003e like \u003ca href=\"https://gsap.com/docs/v3/GSAP/UtilityMethods/interpolate()\"\u003einterpolate()\u003c/a\u003e, \u003ca href=\"https://gsap.com/docs/v3/GSAP/UtilityMethods/mapRange()\"\u003emapRange()\u003c/a\u003e, most of the \u003ca href=\"https://gsap.com/docs/v3/Eases\"\u003eeases\u003c/a\u003e, and it can do snapping and modifiers. \n\n```javascript\n// typical import\nimport gsap from \"gsap\";\n\n// get other plugins:\nimport ScrollTrigger from \"gsap/ScrollTrigger\";\nimport Flip from \"gsap/Flip\";\nimport Draggable from \"gsap/Draggable\";\n\n// or all tools are exported from the \"all\" file (excluding members-only plugins):\nimport { gsap, ScrollTrigger, Draggable, MotionPathPlugin } from \"gsap/all\";\n\n// don't forget to register plugins\ngsap.registerPlugin(ScrollTrigger, Draggable, Flip, MotionPathPlugin); \n```\n\nThe NPM files are ES modules, but there's also a /dist/ directory with \u003ca href=\"https://www.davidbcalhoun.com/2014/what-is-amd-commonjs-and-umd/\"\u003eUMD\u003c/a\u003e files for extra compatibility.\n\n## GSAP is FREE! \n\nThanks to [Webflow](https://webflow.com), GSAP is now **100% FREE** including ALL of the bonus plugins like [SplitText](https://gsap.com/docs/v3/Plugins/SplitText), [MorphSVG](https://gsap.com/docs/v3/Plugins/MorphSVGPlugin), and all the others that were exclusively available to Club GSAP members. That's right - the entire GSAP toolset is FREE, even for commercial use! 🤯  Read more [here](https://webflow.com/blog/gsap-becomes-free)\n\n### ScrollTrigger \u0026amp; ScrollSmoother\n\nIf you're looking for scroll-driven animations, GSAP's \u003ca href=\"https://gsap.com/docs/v3/Plugins/ScrollTrigger/\"\u003eScrollTrigger\u003c/a\u003e plugin is the standard. There's a companion \u003ca href=\"https://gsap.com/docs/v3/Plugins/ScrollSmoother/\"\u003eScrollSmoother\u003c/a\u003e as well.\n\n[![ScrollTrigger](https://gsap.com/_img/github/scrolltrigger.jpg)](https://gsap.com/docs/v3/Plugins/ScrollTrigger)\n\n### Using React? \n\nThere's a \u003ca href=\"https://www.npmjs.com/package/@gsap/react\"\u003e@gsap/react\u003c/a\u003e package that exposes a `useGSAP()` hook which is a drop-in replacement for `useEffect()`/`useLayoutEffect()`, automating cleanup tasks. Please read the \u003ca href=\"https://gsap.com/react\"\u003eReact guide\u003c/a\u003e for details.\n\n### Resources\n\n* \u003ca href=\"https://gsap.com/\"\u003egsap.com\u003c/a\u003e\n* \u003ca href=\"https://gsap.com/get-started/\"\u003eGetting started guide\u003c/a\u003e\n* \u003ca href=\"https://gsap.com/docs/\"\u003eDocs\u003c/a\u003e\n* \u003ca href=\"https://gsap.com/demos\"\u003eDemos \u0026amp; starter templates\u003c/a\u003e\n* \u003ca href=\"https://gsap.com/community/\"\u003eCommunity forums\u003c/a\u003e\n* \u003ca href=\"https://gsap.com/docs/v3/Eases\"\u003eEase Visualizer\u003c/a\u003e\n* \u003ca href=\"https://gsap.com/showcase\"\u003eShowcase\u003c/a\u003e\n* \u003ca href=\"https://www.youtube.com/@GreenSockLearning\"\u003eYouTube Channel\u003c/a\u003e\n* \u003ca href=\"https://gsap.com/cheatsheet\"\u003eCheat sheet\u003c/a\u003e\n* \u003ca href=\"https://webflow.com\"\u003eWebflow\u003c/a\u003e\n\n### Need help?\nAsk in the friendly \u003ca href=\"https://gsap.com/community/\"\u003eGSAP forums\u003c/a\u003e. Or share your knowledge and help someone else - it's a great way to sharpen your skills! Report any bugs there too (or \u003ca href=\"https://github.com/greensock/GSAP/issues\"\u003efile an issue here\u003c/a\u003e if you prefer).\n\n### License\nGreenSock's standard \"no charge\" license can be viewed at \u003ca href=\"https://gsap.com/standard-license\"\u003ehttps://gsap.com/standard-license\u003c/a\u003e.\n\nCopyright (c) 2008-2025, GreenSock. All rights reserved.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreensock%2Fgsap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgreensock%2Fgsap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreensock%2Fgsap/lists"}