[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-2995":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},2995,"GSAP","greensock\u002FGSAP","greensock","GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web","https:\u002F\u002Fgsap.com",null,"JavaScript",25784,2033,407,5,0,27,331,1159,151,44.93,false,"master",true,[26,27,28,29,30],"animation","gsap","javascript","javascript-library","scroll","2026-06-12 02:00:45","# GSAP (GreenSock Animation Platform)\n\n[![GSAP - Animate anything](https:\u002F\u002Fgsap.com\u002FGSAP-share-image.png)](https:\u002F\u002Fgsap.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:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FScrollTrigger\u002F\">ScrollTrigger\u003C\u002Fa> plugin delivers jaw-dropping scroll-based animations with minimal code. \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FGSAP\u002Fgsap.matchMedia()\">gsap.matchMedia()\u003C\u002Fa> 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:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\">plugins\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FEases\">easing\u003C\u002Fa> functions for achieving advanced effects easily like \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FScrollTrigger\u002F\">scrolling\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FMorphSVGPlugin\">morphing\u003C\u002Fa>, [text splitting](https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FSplitText), animating along a \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FMotionPathPlugin\">motion path\u003C\u002Fa> or \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FFlip\u002F\">FLIP\u003C\u002Fa> animations. There's even a handy \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FObserver\u002F\">Observer\u003C\u002Fa> for normalizing event detection across browsers\u002Fdevices. \n\n\n### Get Started\n\n[![Get Started with GSAP](https:\u002F\u002Fgsap.com\u002F_img\u002Fgithub\u002Fget-started.jpg)](https:\u002F\u002Fgsap.com\u002Fget-started)\n\n\n## Docs & Installation\n\nView the \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\">full documentation here\u003C\u002Fa>, including an \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Finstall\">installation guide\u003C\u002Fa>.\n\n### CDN\n\n```html\n\u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fgsap@3.15\u002Fdist\u002Fgsap.min.js\">\u003C\u002Fscript>\n```\n\nSee \u003Ca href=\"https:\u002F\u002Fwww.jsdelivr.com\u002Fgsap\">JSDelivr's dedicated GSAP page\u003C\u002Fa> for quick CDN links to the core files\u002Fplugins. There are more \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Finstall\">installation instructions\u003C\u002Fa> 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:\u002F\u002Fgsap.com\u002Finstall\">guide to using GSAP via NPM here\u003C\u002Fa>.\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:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FGSAP\u002FUtilityMethods\">utility methods\u003C\u002Fa> like \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FGSAP\u002FUtilityMethods\u002Finterpolate()\">interpolate()\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FGSAP\u002FUtilityMethods\u002FmapRange()\">mapRange()\u003C\u002Fa>, most of the \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FEases\">eases\u003C\u002Fa>, and it can do snapping and modifiers. \n\n```javascript\n\u002F\u002F typical import\nimport gsap from \"gsap\";\n\n\u002F\u002F get other plugins:\nimport ScrollTrigger from \"gsap\u002FScrollTrigger\";\nimport Flip from \"gsap\u002FFlip\";\nimport Draggable from \"gsap\u002FDraggable\";\n\n\u002F\u002F or all tools are exported from the \"all\" file (excluding members-only plugins):\nimport { gsap, ScrollTrigger, Draggable, MotionPathPlugin } from \"gsap\u002Fall\";\n\n\u002F\u002F 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 \u002Fdist\u002F directory with \u003Ca href=\"https:\u002F\u002Fwww.davidbcalhoun.com\u002F2014\u002Fwhat-is-amd-commonjs-and-umd\u002F\">UMD\u003C\u002Fa> files for extra compatibility.\n\n## GSAP is FREE! \n\nThanks to [Webflow](https:\u002F\u002Fwebflow.com), GSAP is now **100% FREE** including ALL of the bonus plugins like [SplitText](https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FSplitText), [MorphSVG](https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FMorphSVGPlugin), 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:\u002F\u002Fwebflow.com\u002Fblog\u002Fgsap-becomes-free)\n\n### ScrollTrigger & ScrollSmoother\n\nIf you're looking for scroll-driven animations, GSAP's \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FScrollTrigger\u002F\">ScrollTrigger\u003C\u002Fa> plugin is the standard. There's a companion \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FScrollSmoother\u002F\">ScrollSmoother\u003C\u002Fa> as well.\n\n[![ScrollTrigger](https:\u002F\u002Fgsap.com\u002F_img\u002Fgithub\u002Fscrolltrigger.jpg)](https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FPlugins\u002FScrollTrigger)\n\n### Using React? \n\nThere's a \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@gsap\u002Freact\">@gsap\u002Freact\u003C\u002Fa> package that exposes a `useGSAP()` hook which is a drop-in replacement for `useEffect()`\u002F`useLayoutEffect()`, automating cleanup tasks. Please read the \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Freact\">React guide\u003C\u002Fa> for details.\n\n### Resources\n\n* \u003Ca href=\"https:\u002F\u002Fgsap.com\u002F\">gsap.com\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fget-started\u002F\">Getting started guide\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002F\">Docs\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdemos\">Demos & starter templates\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fcommunity\u002F\">Community forums\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fdocs\u002Fv3\u002FEases\">Ease Visualizer\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fshowcase\">Showcase\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@GreenSockLearning\">YouTube Channel\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fcheatsheet\">Cheat sheet\u003C\u002Fa>\n* \u003Ca href=\"https:\u002F\u002Fwebflow.com\">Webflow\u003C\u002Fa>\n\n### Need help?\nAsk in the friendly \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fcommunity\u002F\">GSAP forums\u003C\u002Fa>. 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:\u002F\u002Fgithub.com\u002Fgreensock\u002FGSAP\u002Fissues\">file an issue here\u003C\u002Fa> if you prefer).\n\n### License\nGreenSock's standard \"no charge\" license can be viewed at \u003Ca href=\"https:\u002F\u002Fgsap.com\u002Fstandard-license\">https:\u002F\u002Fgsap.com\u002Fstandard-license\u003C\u002Fa>.\n\nCopyright (c) 2008-2026, GreenSock. All rights reserved.","GSAP (GreenSock Animation Platform) 是一个用于现代网页的JavaScript动画库。它提供了强大的动画功能，支持CSS、SVG、canvas、React、Vue、WebGL等多种元素和框架的动画制作，且不受任何特定框架限制。GSAP的核心优势在于其高性能与跨浏览器兼容性，能够处理复杂的动画序列，并通过ScrollTrigger插件轻松实现基于滚动的动画效果。此外，gsap.matchMedia()方法使得创建响应式和无障碍友好的动画变得简单。由于其零依赖性和灵活性，GSAP非常适合于需要在不同平台和设备上保证一致高质量动画体验的各种Web项目中使用。",2,"2026-06-11 02:52:03","top_language"]