Drift Timeline
Swipe through milestones in motion
About this component
Inspired by https://abron.co/
About
Drift Timeline turns company histories, product roadmaps and milestones into a swipeable Framer timeline. Drag through the dotted track and watch the cards follow with staggered motion, coast past the next step, then settle into focus with a soft bounce. The selected chapter takes center stage while the rest of the story stays in view.
Visitors can explore with mouse, touch or trackpad gestures, Previous/Next arrows and keyboard controls. Each focused card can open its own link.
What you can customize
Add up to 24 milestones, each with an optional image, year, title, multiline details, link and new-tab setting. Adjust card size, spacing, radius, image ratio, alignment, colors and typography through Framer property controls.
Tune momentum, overshoot, stagger and fade timing; choose pill or circular navigation arrows and place them around the focused card. The layout adapts to narrower screens and respects reduced-motion preferences.
Great for (examples)
Use it wherever a sequence deserves more than a static list:
Company histories and “Our Story” pages
Product roadmaps and release milestones
Portfolio journeys and case studies
Event programmes and project processes
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Explore more ways to present milestones and processes:
