About LineScroller
Scroll-animated process timeline for Framer
LineScroller draws a vertical line down your section as visitors scroll and lights up each service or process step as the line reaches it, while the rest stay dimmed but readable. A plain list becomes something people follow to the end.
What it does
Each title, description, number and icon fades in at full opacity as the line arrives. Use it for services, a process or method, a timeline, an agenda or a set of steps.
Features
Two column stagger or single column layout
A number, an icon and a link per item, or none of them
Line colour, gradient end colour, width, track colour, glow and rounded ends
Optional glowing dot that travels down the line
Compact, comfortable or spacious density
Dim opacity you control, so the items ahead stay legible
Titles as H2, H3, H4 or a plain div
Reduced motion support, and correct rendering on the canvas and in exports
Twenty-two controls in the property panel, no coding required
One file, no plugins, no API, no backend
Setup
Copy the component into your Framer project
Drop it on the page and set the width to Fill
Add your items and pick a layout, colours and density
Good to know
Works on any Framer plan and with any template. One-time purchase, use on unlimited personal and client projects.
