Submit a link

GSAP

Battle-tested timeline animation library, now free including all plugins.

GSAP Standard "no charge" License · ★ 28.7k · 33 clips

WebsiteGitHub28.7kShowcase

GSAP clips33

Filter in Explore
Frame from “Mobile game reward animation template” by @op74180:18
Mobile game reward animation templateby @op7418PromptThree.js
Frame from “muda. Inference Launch Video” by @deedydas0:26
muda. Inference Launch Videoby @deedydasPromptGSAP
Frame from “Launch video model comparison” by @israelfemiojo0:40
Launch video model comparisonby @israelfemiojoGSAP
Frame from “Opus 5.5 vs GPT-6 Astra narrated animation sync test” by @erhanmeydan0:48
Opus 5.5 vs GPT-6 Astra narrated animation sync testby @erhanmeydanHyperFrames
Frame from “History of the Las Vegas Sphere in GSAP” by @RetropunkAI1:00
History of the Las Vegas Sphere in GSAPby @RetropunkAIPromptGSAP
Frame from “Microvisuals Boomerang Hero: Fullscreen hero with GSAP boomerang-style animation and a custom displ” by @pulkitxmLoop
Microvisuals Boomerang Hero: Fullscreen hero with GSAP boomerang-style animation and a custom displby @pulkitxmPromptGSAPOpen source
Frame from “柱状图增长” by @nutllwhyLoop0:06
柱状图增长by @nutllwhyHyperFramesOpen source
Frame from “数字计数器” by @nutllwhyLoop0:05
数字计数器by @nutllwhyHyperFramesOpen source
Frame from “折线绘制” by @nutllwhyLoop0:07
折线绘制by @nutllwhyHyperFramesOpen source
Frame from “数据脉冲” by @nutllwhyLoop0:06
数据脉冲by @nutllwhyHyperFramesOpen source
Frame from “大数字结论卡” by @nutllwhyLoop0:05
大数字结论卡by @nutllwhyHyperFramesOpen source
Frame from “前后对比数字” by @nutllwhyLoop0:05
前后对比数字by @nutllwhyHyperFramesOpen source
Frame from “横向条形对比” by @nutllwhyLoop0:05
横向条形对比by @nutllwhyHyperFramesOpen source
Frame from “Top 排名卡” by @nutllwhyLoop0:05
Top 排名卡by @nutllwhyHyperFramesOpen source
Frame from “拐点趋势线” by @nutllwhyLoop0:06
拐点趋势线by @nutllwhyHyperFramesOpen source
Frame from “数据来源引用卡” by @nutllwhyLoop0:05
数据来源引用卡by @nutllwhyHyperFramesOpen source
Frame from “双数据对比” by @nutllwhyLoop0:05
双数据对比by @nutllwhyHyperFramesOpen source
Frame from “状态转折” by @nutllwhyLoop0:05
状态转折by @nutllwhyHyperFramesOpen source
Frame from “极值刻度” by @nutllwhyLoop0:05
极值刻度by @nutllwhyHyperFramesOpen source
Frame from “概念解释卡” by @nutllwhyLoop0:05
概念解释卡by @nutllwhyHyperFramesOpen source
Frame from “三步流程” by @nutllwhyLoop0:06
三步流程by @nutllwhyHyperFramesOpen source
Frame from “误区纠正” by @nutllwhyLoop0:05
误区纠正by @nutllwhyHyperFramesOpen source
Frame from “清单核对” by @nutllwhyLoop0:05
清单核对by @nutllwhyHyperFramesOpen source
Frame from “时间线推进” by @nutllwhyLoop0:05
时间线推进by @nutllwhyHyperFramesOpen source

How people build with GSAP

Works where the prompt, the code or the video is public. Videos load from the creator's own host when you press play.

muda. Inference Launch Video

by deedydas · CC-BY-4.0, CC0-1.0, MIT, NOASSERTION, NOASSERTION, none · AI-made

muda. Inference Launch Video — generated with claude-opus-5.5; public prompt, source, render.

Prompt
make a modern slick and punchy video for a modern startup that works on inference
Code ↗Source page ↗

Motion-designer promo video for any website

by melvynx · CC-BY-4.0, MIT, NOASSERTION, NOASSERTION, none · AI-made

Motion-designer promo video for any website — generated with claude-opus-5.5; public prompt, render.

Prompt
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are for <website url>
Source page ↗

History of the Las Vegas Sphere in GSAP

by RetropunkAI · CC-BY-4.0, MIT, NOASSERTION, NOASSERTION, none · AI-made

History of the Las Vegas Sphere in GSAP — generated with claude-opus-5.5; public prompt, render.

Prompt
Render a fun motion graphic animation using the GSAP animation platform (see below) to show a brief history of The Sphere in Las Vegas from start to today (start with a minimal architecture to completed venue) - Explainer video style - Talk about how bands now play there, The Wizard of Oz film and next how on Oct 1 2026 Metallica will make their debut - and guess who is attending? We are! Should be a 30-60s video depending on the info. Use the images in the folder.

Sphere History:
https://en.wikipedia.org/wiki/Sphere_(venue)

Animation Platforms:
https://gsap.com/

Ask me any questions if you need, but if you feel confident please have fun and make something awesome that will go super viral!
Source page ↗
Watch at the source

Luxury brand scroll hero header

by iamtanzil_ · CC-BY-4.0, MIT, NOASSERTION, NOASSERTION, none · AI-made

Luxury brand scroll hero header — generated with claude-opus-5.5; public prompt, render.

Prompt ↗Source page ↗
About GSAPagents, rendering, runtime
With agents
Official GSAP AI skills (greensock/gsap-skills, ~15.8k stars) teach agents timelines, ScrollTrigger and plugins; gsap.com serves llms.txt. GSAP is the default animation adapter in HyperFrames.
Render path
Drive a paused timeline per frame inside HyperFrames (default adapter) or Remotion, then encode to MP4.
Runtime
JavaScript (browser)
Best for
kinetic typography · SVG morph/draw · UI motion · launch videos · scroll-driven heroes

Worth knowing

  • 100% free incl. commercial use and all former Club plugins (SplitText, MorphSVG) after Webflow's acquisition source ↗
  • Official GSAP AI skills, ~15.8k stars source ↗
  • Default animation adapter in HyperFrames; gsap.com serves llms.txt source ↗
  • License is GSAP's own no-charge license (not OSI) — say 'free', not 'open source' source ↗
Official AI resourcesgithub.com/greensock/gsap-skillsgsap.com/llms.txt

For the GSAP team

Featured on 24fps

This page is free and always will be. If it helps your users, drop the badge on your showcase or README.

<a href="https://24fps.dev/tools/gsap"><img src="https://24fps.dev/badge/gsap.svg" alt="Featured on 24fps" height="28"></a>