Framer Update: CMS Sections

CMS Sections in Framer unlock powerful scroll-based interactions for your collection lists. This update lets you link directly to specific CMS items, create scroll-triggered animations, and build dynamic navigation with active states, all without code. Benjamin demonstrates these capabilities through a portfolio project with a fixed sidebar that highlights active sections as you scroll. You'll see how to connect collection lists, add parallax effects to images, create staggered text animations, and make every link point to its matching CMS item using slug variables. The tutorial covers setting up scroll sections, configuring scroll variants for active states, applying scroll animations with custom timing, and layering multiple effects for polished interactions. Perfect for building portfolio sites, case study pages, or any content-heavy design that needs smooth navigation tied to CMS data. Remix Demo: https://indx.framer.wiki/ 0:00 Introduction to CMS Sections 0:30 Demo project overview 1:15 Adding scroll sections to collection lists 1:45 Connecting sidebar links to CMS items 3:15 Setting up scroll variants for active states 4:20 Adding scroll animation effects 5:45 Creating staggered text animations 7:00 Final result and use cases Topics covered: scroll sections, CMS collection lists, responsive portfolio design 🌞 Start for free: https://framer.link/yt 📚 Learn more at: https://framer.link/yt-academy 💎 Join the Community: https://framer.link/yt-community 🎉 Follow on X: https://framer.link/yt-x