Webflow GSAP UI: Power, Limitations, and Custom Slider Mastery

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.

You’ll hear real-world feedback on breakpoints, performance considerations, and dynamic CMS integration. Plus, Daniel breaks down the anatomy of a complex, multi-layered custom slider built for the Pencil project—showcasing 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

At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups. From seed-stage to unicorn.

Find us at: https://noco.agency