How to Build a Horizontal Scroll Timeline in Framer (With CMS + Remix Link)

🤝 JOIN THE FREE COMMUNITY:
Join me and lets build client projects together!:   / discord  

💡 NEED PERSONALIZED HELP?
Book a 1-on-1 consultation: https://cal.com/lukasmargerie/60min

In this Framer tutorial, I’ll show you how to recreate a beautiful horizontal scroll timeline—just like the one on art.org/paintboxed. We’ll connect it to Framer CMS, make it responsive, add custom hover effects, and link each item to a dynamic detail page. Perfect for portfolios, timeline projects, or showcasing your work by year.

REMIX LINK:
https://lukas-margerie.lemonsqueezy.c...

Timestamps:
00:00 - Intro & goal of the tutorial
01:13 - Setting up sections and layout
04:14 - Importing a horizontal scroll template
07:52 - Fixing layout, scroll, and breakpoints
14:39 - Building & connecting the CMS
20:54 - Styling and positioning CMS cards
31:30 - Animations, hover effects & CMS links
36:03 - Final walkthrough & publish

🛠️ TOOLS USED:
Framer: https://www.framer.com/?via=lukasm
Screen Studio: https://screenstudio.lemonsqueezy.com...

👾 Join the Discord Community
👉 We host weekly design challenges and live Framer builds
  / discord  

🎨 Want more videos like this? Like & subscribe for weekly Framer content!