Webflow GSAP UI: Power, Limitations, and Custom Slider Mastery – 20 MINUTES #13

What this episode covers

In this episode, Yar and Daniel dive deep into Webflow's new GSAP UI, exploring its capabilities, limitations, and how it changes animation workflows for developers. They share insights on where the native tool excels, when to fall back on custom code, and how to blend both approaches for advanced results.

Daniel also breaks down the anatomy of a complex, multi-layered custom slider built for the Pencil project — showing why custom solutions still matter in 2025.

Chapters

(0:00) Intro with Daniel from Noco
(0:40) First impressions of Webflow's GSAP UI
(2:00) Why the timeline view is a game-changer
(3:20) Where native GSAP falls short
(5:00) Breakpoint limitations and workarounds
(6:20) Performance impact: native vs. CDN vs. custom code
(9:40) Webflow's SEO updates and dynamic schema markup
(13:40) The rise of Graphite for Webflow SEO
(14:20) Custom slider deep dive: anatomy and sync challenges
(18:20) Integrating prompts and interactive states
(19:20) Why Webflow sliders haven't evolved and what's next
(21:00) Wrap-up and closing thoughts