---
title: "LineScroller — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Michelle de Haas | Zo-e · Sections. LineScroller - Scroll-Driven Services Section for Framer Make your services impossible to ignore."
canonical: "https://framer.elliotli.dev/component/linescroller"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/LineScroller

# LineScroller

Scroll-animated process timeline

[View on Framer](https://framer.com/marketplace/components/linescroller/?via=elliot-li)

![LineScroller preview image 1](https://framer.elliotli.dev/og/component/linescroller/6d7ec3d9b55af5b6/1600x1200.jpg)

## Summary

LineScroller - Scroll-Driven Services Section for Framer Make your services impossible to ignore.

## Description

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4210

## Details

- **Author**: Michelle de Haas | Zo-e
- **Price**: $9.00
- **Published**: 2026-03-09
- **Updated**: 2026-09-20
- **Added**: 2026-02-28
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes