GSAP Animations

Create beautiful, production-ready GSAP animations with ScrollTrigger, SplitText, and other plugins. Build scroll effects, text animations, hero entrances, and micro-interactions.

Build web animations with GSAP (GreenSock Animation Platform). Covers core concepts, timing functions, and the plugin ecosystem. Creates smooth, performant animations that work across browsers.

animationgsapscrolltriggermotion

Version 1.2.0Updated Jan 20, 2026

Capabilities

ScrollTrigger for scroll-based animations

SplitText for text reveal effects

Timeline-based sequencing

Easing and timing control

Performance-optimized animations

Use Cases

Hero section entrances

Scroll-triggered reveals

Page transitions

Micro-interactions

Loading animations

Add to your AI assistant

Choose your AI assistant and run the command in your terminal

Gemini

curl -fsSL https://raw.githubusercontent.com/n3wth/newth-skills/main/skills/gsap-animations.md -o ~/.gemini/skills/gsap-animations.md

Copy

Claude

curl -fsSL https://raw.githubusercontent.com/n3wth/newth-skills/main/skills/gsap-animations.md -o ~/.claude/skills/gsap-animations.md

Copy

Cursor

curl -fsSL https://raw.githubusercontent.com/n3wth/newth-skills/main/skills/gsap-animations.md -o ~/.cursor/skills/gsap-animations.md

Copy

Windsurf

curl -fsSL https://raw.githubusercontent.com/n3wth/newth-skills/main/skills/gsap-animations.md -o ~/.windsurf/skills/gsap-animations.md

Copy

Copilot

curl -fsSL https://raw.githubusercontent.com/n3wth/newth-skills/main/skills/gsap-animations.md -o ~/.copilot/skills/gsap-animations.md

Copy

Related Skills

New

MCP Builder

Build MCP (Model Context Protocol) servers that let LLMs interact with external services.

mcpserversapi

New

Monorepo Manager

Comprehensive guide for managing monorepo workspaces with Turborepo, Nx, or pnpm workspaces. Build caching, dependency management, and package publishing workflows.

monorepoturboreponx