🤝 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!