Brand Strategy

Brand Strategy

How we define your positioning and make you stand out

Graphic Design

Graphic Design

How we create interfaces your users actually enjoy

SEO Content Creation

SEO Content Creation

How we get you found and keep your audience engaged

Paid Advertising

Paid Advertising

How we turn your budget into measurable results

Web Development

Web Development

How we craft beautiful, conversion-focused websites

Software Development

Software Development

How we build fast, reliable, and scalable products

Social Media Marketing

Social Media Marketing

How we grow your presence across the right channels

Email Marketing

Email Marketing

How we nurture leads and turn them into customers

The services section people actually finish

A line grows as your visitor scrolls and lights up each service as it passes. Everything above it stays lit, everything below waits its turn, and the page keeps pulling people down instead of letting them skim past a plain list.

What you get

Twenty-two controls, one file

Every part of the section is a control in the right panel. No code, no CSS overrides, nothing to wire up.

Your line, your look

Width, colour, a gradient fade, a separate track colour, rounded ends and a glow you can switch off

Light or dark

Nothing is baked in, so the section sits on any background, as the two examples below show

Two layouts

Staggered two column with both sides against the line, or a single column with the line down the left

Numbers, icons, links

Give every service a number, an icon and a link, or leave them out entirely

Spacing that fits

Compact, comfortable or spacious, without touching a single padding value

Readable when dimmed

Dim opacity is a control with a floor, so the services ahead stay legible

Any heading level

Titles render as H2, H3, H4 or a plain div, so the section fits your page outline

Optional dot

A glowing dot can ride the leading edge of the line. It is off by default and one switch turns it on

Reduced motion

Visitors who ask their system for less motion get the content without the movement

Nothing to install

One file on every Framer plan, no plugins, no API, no backend

Layouts

Or a single column, dark or light

Both of these are the same component with the layout set to single column. Only the controls differ: colours, line width, glow, numbers, icons and spacing.

Brand Strategy

Brand Strategy

How we define your positioning and make you stand out

Web Development

Web Development

How we craft beautiful, conversion-focused websites

Graphic Design

Graphic Design

How we create interfaces your users actually enjoy

SEO Content Creation

SEO Content Creation

How we get you found and keep your audience engaged

01

Brand Strategy

How we define your positioning and make you stand out

02

Web Development

How we craft beautiful, conversion-focused websites

03

Graphic Design

How we create interfaces your users actually enjoy

04

SEO Content Creation

How we get you found and keep your audience engaged

Setup

Three steps and the section is live

01
Drop it in

Import the component link and drag LineScroller onto a page. It arrives with eight demo services already in it.

02
Write your services

Title, description, and an optional number, icon and link. A line break splits a long title across two lines.

03
Pick a layout

Two column or single column, then set the spacing, the line colour and the dim opacity to match your page.

Get it

Put it on your own process

A scroll-driven timeline that walks a visitor through your steps, one line at a time. Buy it once and use it in every project you build.

Get LineScroller for $9
The Creator

Made by Michelle

I am Michelle. Under the name Zo-e I do branding, websites and marketing for companies that want to stand out, plus a growing set of Framer templates and components. I like taking a look inside a client's head and then making something better than they had in mind. This component started the same way.

Michelle de Haas, the designer behind Zo-e
LineScroller byWorks on every Framer plan. No plugins, no API, no backend.

Create a free website with Framer, the website builder loved by startups, designers and agencies.