LineScroller

LineScroller - Scroll-Driven Services Section for Framer

Make your services impossible to ignore.

LineScroller is a Framer code component that animates a vertical line as your visitor scrolls, highlighting each service as the line passes it. The result is a cinematic reveal that keeps people reading all the way to the bottom.

What it does

As your visitor scrolls, a glowing vertical line grows down the page. Each service title and description fades in at full opacity as the line reaches it, while the others stay dimmed. It's subtle, elegant, and incredibly effective at directing attention.

What's included

• LineScroller.tsx — drop straight into Framer, no setup needed

Features

• Scroll-linked animation via Framer Motion's useScroll

• Fully customizable via Framer's property panel — no coding required

• Add, remove, or rename services directly in Framer

• Control line color, text color, font size, column gap, and opacity

• Line break support in titles — split any title across two lines

• Responsive — single column timeline on mobile, two columns on tablet and desktop

• Hardware-accelerated performance — buttery smooth on all devices

• No external dependencies

Who it's for

Designers and agencies building service pages, portfolios, or landing pages in Framer who want something more memorable than a plain list.

Requirements

• Framer

• Works with any Framer template

License

One-time purchase. Use on unlimited personal and client projects.