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

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

457 Lượt nghe
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!: https://discord.com/invite/vZxn6wZrDD 💡 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.com/buy/6ab64ca0-f426-4a9d-94ce-a47862fe4ab8 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/?aff=8vBGv 👾 Join the Discord Community 👉 We host weekly design challenges and live Framer builds https://discord.gg/vZxn6wZrDD 🎨 Want more videos like this? Like & subscribe for weekly Framer content!