How to Build a Horizontal Scroll Timeline in Framer (With CMS + Remix Link)
Автор: Lukas Margerie
Загружено: 2025-04-17
Просмотров: 1817
🤝 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!
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: