May 5th, 2025 × #web-development#javascript#animation
GSAP: Killer Web Animations With Cassie Evans
Cassie Evans from GreenSock explains what GSAP is, why developers use it for animation, how it works, techniques for smooth performant animations, and new developments like GSAP becoming free and open source.
Scott and Wes sit down with Cassie Evans of GSAP to talk all things animation—from SVGs and scroll timelines to GSAP's new rebrand and exciting features. They also dig into performance, plugins, and what makes GSAP such a powerful tool for web developers.
Show Notes
- 00:00 Welcome to Syntax!
- 00:59 What is GSAP?
- 01:53 GSAP Rebranding.
- 04:44 GSAP under the hood.
- 05:29 The big announcement!
- 07:19 GSAP Showcase.
- 11:01 Brought to you by Sentry.io.
- 11:26 Why is GSAP easier for animations?
- 12:38 Animating with SVGs.
- 13:33 The love of SVG.
- 14:55 GSAP is performant.
- 16:06 Gotchas to watch out for.
- 18:12 Does GSAP work with canvas?
- 19:02 What GSAP projects are you most proud of?
- 20:30 Does it play nice with web frameworks?
- 22:32 What are you excited about in CSS right now?
- 24:27 Will any of these make their way into GSAP?
- 26:31 Timelines.
- 29:24 Building animations with timelines.
- 34:55 What are the best GSAP plugins?
- 38:44 GSAP docs and philosophy.
- 39:50 Scrubbing animations by frame.
- 41:09 GSAP Video Exporter.
- 41:45 Animating with JavaScript.
- 45:19 JavaScript in unconventional applications.
- 47:56 Is there anything missing in web tech?
- 50:53 What about AI in GSAP?
- 52:40 Sick Picks + Shameless Plugs.
Sick Picks
- Cassie: Eyesy Video Synthesis.
Shameless Plugs
- Cassie: Smashing Conf.
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
