GSAP Animation Gallery

100 copy-paste GSAP animations with ScrollTrigger

3 followers

100 copy-paste GSAP animations with ScrollTrigger

3 followers

A gallery of 100 GSAP animation examples: basic tweens, timelines, ScrollTrigger scroll effects, horizontal scroll, split text, SVG line drawing and mouse interactions. Preview each one on the card, then copy a complete snippet that already includes the CDN. No paid plugins, no sign-up.

Free

Launch tags:Developer Tools•Web Design

Launch Team

Tines The single, secure environment for agents, apps, and automations.

Promoted

Maker

📌

Hi Product Hunt! GSAP is the library I reach for most when building front-end demos, but I kept rewriting the same tweens and ScrollTrigger setups from scratch. So I collected 100 of them in one gallery: basic tweens, timelines, ScrollTrigger scroll effects, horizontal scroll, split text, SVG line drawing and mouse interactions. Every card previews the animation live, and one click copies a complete snippet with the CDN already included, so you can paste it into an empty HTML file and it just runs. You can also tweak the accent colors before copying. No sign-up and no paid plugins required. I would love to hear which effects you want added next.

Report

1mo ago

Reviews