Scroll Timeline V2

Scroll Timeline V2
Scroll Timeline V2

About Scroll Timeline V2

Scroll Visual Timeline: Pinned Scroll Steps with Line, Dot & Images

Live preview

A scroll-driven timeline that pins in place while a line and dot head travel along a dotted track. Each step (number, title, text and image) lights up exactly when the head reaches it, and scrolling back rewinds it. On mobile it turns into a vertical timeline with the same scroll-synced reveal. Use it for process sections, roadmaps, onboarding steps or project timelines.

Customizable

  • Content: up to 8 steps, each with a number, title, text, image and image alt text. Numbers can be shown or hidden, and there is a max width for each step

  • Fonts: number, title and text fonts, each with its own size, weight, line height and letter spacing

  • Colors: background, line, track, head, number, and on and off colors for both title and text

  • Layout: padding, column gap, track gap, text gap, text-to-image gap, text alignment and mobile breakpoint

  • Mobile: separate controls for row gap, text-to-image gap, and the space above the first step and below the last

  • Timeline: line size, track dot size and spacing, and a head that is a dot, a square or hidden

  • Images: show or hide, one height for all images, and corner radius

  • Motion: pin on or off, scroll length, rewind, line smoothing, reveal duration and easing

License: Unlimited personal and client projects. No resale or redistribution.

Refunds: Due to the digital nature of this product, all sales are final, and refunds will not be issued. Please ensure you review all product details carefully before purchasing. If you have any questions or need further clarification, feel free to reach out before completing your purchase.

Questions? support@russetsupply.com

From Russet Supply

Stack Reveal Scroll
Scroll Step Timeline
MilestoneTimeline
Scroll-Flip Cards

Related Components

Breathing Footer
Testimonial OnHover
Animated Bento Grid
Spotlight Bento Grid