899: GSAP: Killer Web Animations With Cassie Evans

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?
  • Cassie Codes.
• 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?
  • GSAP Docs.
• 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?
  • GSAP with React.
• 22:32 What are you excited about in CSS right now?
  • Scroll Timeline.
• 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?
  • Split Text
  • spanran-wrap.
  • Physics 2D Plugin.
• 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

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads