Gsap Web
iart-ai/web-animation-skills/skills/gsap-webby iart-aib6dba3eb7597No license34 starsListed Oct 9, 2026Updated Oct 8, 2026Repository updated 3 months ago
This skill should be used when the user asks to "build a scroll animation", "add ScrollTrigger", "pin a section while scrolling", "scrub an animation to scroll", "create a hero timeline", "do a horizontal scroll section", "split text and animate words", "animate a layout change with GSAP Flip", "sync ScrollTrigger with Lenis", "Lenis smooth scroll jittery", "ScrollTrigger markers drift", "ScrollTrigger pins break with Lenis/Locomotive", or "set up smooth scroll with GSAP pinning". Covers GSAP timelines, ScrollTrigger, SplitText, Flip, and Lenis/Locomotive smooth-scroll sync for code-driven web motion.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| examples/hero-timeline.js | 2.5 KB | text/plain |
| examples/standalone-template.html | 2.7 KB | text/plain |
| README.md | 0 B | text/markdown |
| references/scrolltrigger-cookbook.md | 5.5 KB | text/markdown |
| references/scrolltrigger-lenis.md | 10.3 KB | text/markdown |
| SKILL.md | 12.1 KB | text/markdown |
Source and attribution
Source:iart-ai/web-animation-skillsinskills/gsap-webat commitb6dba3e
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from iart-ai/web-animation-skills
Svg Animation
iart-ai
Guides animating SVG graphics with CSS, SMIL or GSAP, delivering a standalone HTML file with a seek harness.
Page Transition Animation
iart-ai
Implements and debugs page enter/exit transitions in Next.js App Router using Framer Motion or the View Transitions API.
Micro Interaction
iart-ai
Guides building small UI micro-interactions with Framer Motion and modern CSS, delivered as a standalone HTML demo.
Lottie Animation
iart-ai
Integrates, controls, themes and exports Lottie vector animations for web, iOS, Android and React Native.
Glassmorphism
iart-ai
Builds frosted and liquid glassmorphism UI effects in standalone HTML with CSS blur, edge highlights, motion and accessibility fallbacks.
Ascii Animation
iart-ai
Renders animated ASCII art from generative fields, images, video, 3D scenes, or terminal frames.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.