About Spiral Timeline

Explore the best Framer components ↗

About

Spiral Timeline is a responsive Framer timeline component that turns milestones into an interactive story. Scroll with a mouse wheel or trackpad to move one chapter at a time as years travel along a dimensional spiral ribbon. The selected year takes center stage while images crossfade and story text transitions into view. On mobile, swipe the miniature ribbon or tap nearby years.

What you can customize

Add up to 20 milestones through Framer property controls, with editable years, labels, titles, descriptions, images and links. Customize colors, typography, ribbon depth, tilt, width and visible turns. Adjust spacing, image styling, transition timing and scroll sensitivity. Choose side-by-side or stacked layouts, plus Spiral or Compact mobile navigation. Optional arrows, year navigation and boundary labels let you shape the experience.

Built as a code component with keyboard navigation and reduced-motion support. Everything is configured through the property panel without editing code.