GSAP MCP Server

Generate GSAP animation code from natural language for faster motion development.

Stars

★ 4

Source

third_party_registry

Updated

2026-07-19

// securityCaution

Runs locally
Open source

Running security audit…

Credentials
Network egress
Code execution
Data access
Supply chain

// install

Copy the install command and let the AI configure it · recommended for beginners

No copy-paste install info for "GSAP MCP Server" yet — see the docs or source repo.

// examples

Create a hero section animation

Prompt

Use GSAP to generate animation code for a website hero section: the headline fades in from below, the button appears with an elastic effect, and the background image slowly scales up. Total duration should be 2 seconds. Include HTML structure guidance and JS animation logic.

Expected

Ready-to-use GSAP animation code with structure guidance, timeline setup, and key motion parameters.

Build a scroll-triggered animation

Prompt

Generate a GSAP ScrollTrigger example: when the user scrolls to the features section, three cards should slide in from left to right one by one while fading in. Keep the code clean so I can integrate it into an existing project.

Expected

A GSAP example with ScrollTrigger configuration that creates sequential card entrance animations on scroll.

Improve an existing animation script

Prompt

Here is my existing GSAP animation code. Please optimize it to make the motion smoother, reduce repetitive code, and explain what you changed and why.

Expected

Refined GSAP code plus an explanation of improvements for performance, readability, and motion timing.