Auto-play timeline with controls
A flexible horizontal timeline built for Framer, combining timed autoplay with intuitive manual navigation. Slides progress automatically while visitors can take control at any point using arrow buttons or horizontal scrolling, making it ideal for presenting stories, processes, milestones, or sequential content.
The component is designed to feel smooth and editorial rather than like a traditional slider. Each step is connected through a visual timeline, with synchronized labels, progress states, and content transitions that make the sequence easy to follow.
Everything is configurable in Framer, including timing, content, navigation, spacing, styling, and layout. Drop it into a page, add your steps, adjust the visuals, and it’s ready to use.
Timeline & Content
Horizontal multi-step timeline
Custom content for every step
Active-step indicator and labels
Synchronized content transitions
Suitable for short or long sequences
Automatic timed progression
Previous and next arrow controls
Horizontal scroll navigation
Manual interaction overrides autoplay
Adjustable autoplay timing
Fully responsive
Customizable spacing and sizing
Adjustable typography and colors
Flexible section styling
Designed to integrate into existing layouts
Process walkthroughs
Brand stories
Project timelines
Retreat or event journeys
Product feature sequences
Milestones and case studies
Editorial storytelling
