Skip to content
Lumen Co

Scrollspy

Scrollspy watches a scrolling area and highlights the menu link of the section currently in view. Every example below uses a fixed-height scrollable box with data-ui-spy, a target nav and tabindex for keyboard users; scroll inside the boxes to see the navigation follow.

1In a navbar

Scroll the box: the navbar pill for the visible section becomes active.

Intro

Ninety cents of every dollar goes directly to the projects you support. We listen first, then build a plan around what you actually need. A school kit costs less than a cinema ticket and lasts a whole year. Local partners know their communities and make sure help arrives where it matters.

Volunteers give their time in schools, shelters and food banks every week. We keep things simple, so you can focus on what matters to you. Companies can match employee donations and double their impact. Clear prices, honest advice and no surprises along the way.

Details

We measure success by how many donors come back and tell their friends. Our annual report is independently audited and published in full. Clean water wells are built with and maintained by local communities. You receive photos and updates showing exactly what your donation achieved.

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Every donation is tax-deductible, and receipts arrive by email instantly. We have helped more than two hundred thousand people since we started.

Pricing

Our team has done this many times, so you never have to guess. Thousands of donors already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email.

Our annual report is independently audited and published in full. Clean water wells are built with and maintained by local communities. A school kit costs less than a cinema ticket and lasts a whole year. We have helped more than two hundred thousand people since we started.

2Horizontal pills

A row of pills above the box tracks the four steps.

Step one

Our team has done this many times, so you never have to guess. Thousands of donors already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need. Ninety cents of every dollar goes directly to the projects you support.

Step two

Start in minutes and get help from a real person whenever you need it. Every donation is tax-deductible, and receipts arrive by email instantly. Volunteers give their time in schools, shelters and food banks every week.

Step three

You receive photos and updates showing exactly what your donation achieved. We measure success by how many donors come back and tell their friends. Local partners know their communities and make sure help arrives where it matters. We keep things simple, so you can focus on what matters to you.

Step four

Leave a gift in your will and help future generations. Friendly people answer your questions quickly, by phone, chat or email. Companies can match employee donations and double their impact. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

3Vertical pills

A column of pills beside the content; on phones the menu sits above.

Food relief

Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way. We have helped more than two hundred thousand people since we started. Friendly people answer your questions quickly, by phone, chat or email.

Clean water

A school kit costs less than a cinema ticket and lasts a whole year. We listen first, then build a plan around what you actually need. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Disaster response

We keep things simple, so you can focus on what matters to you. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. Clean water wells are built with and maintained by local communities.

Questions

Leave a gift in your will and help future generations. Our annual report is independently audited and published in full. Companies can match employee donations and double their impact. Start in minutes and get help from a real person whenever you need it.

4Nested navigation

Sub-items are indented under their parent and both highlight while you scroll.

Getting started

Thousands of donors already trust us, and we work hard to keep it that way. Ninety cents of every dollar goes directly to the projects you support. Clear prices, honest advice and no surprises along the way. We measure success by how many donors come back and tell their friends.

Install

Local partners know their communities and make sure help arrives where it matters. Volunteers give their time in schools, shelters and food banks every week. Every donation is tax-deductible, and receipts arrive by email instantly.

Configure

You receive photos and updates showing exactly what your donation achieved. We keep things simple, so you can focus on what matters to you. Volunteers give their time in schools, shelters and food banks every week.

Usage

We measure success by how many donors come back and tell their friends. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need. Local partners know their communities and make sure help arrives where it matters.

Examples

Leave a gift in your will and help future generations. Ninety cents of every dollar goes directly to the projects you support. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

5List group

List group items as the spy menu - clear active state with no extra styling.

Morning

Clean water wells are built with and maintained by local communities. Friendly people answer your questions quickly, by phone, chat or email. Thousands of donors already trust us, and we work hard to keep it that way.

Midday

Every donation is tax-deductible, and receipts arrive by email instantly. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it.

Afternoon

A school kit costs less than a cinema ticket and lasts a whole year. Every detail is handled by people who care about getting it right. We have helped more than two hundred thousand people since we started. Our annual report is independently audited and published in full.

Evening

Companies can match employee donations and double their impact. You receive photos and updates showing exactly what your donation achieved. Our team has done this many times, so you never have to guess.

6Simple anchors

Any links work as targets; style the active one with a scoped class.

Alpha

Volunteers give their time in schools, shelters and food banks every week. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. Local partners know their communities and make sure help arrives where it matters.

Beta

Our annual report is independently audited and published in full. We have helped more than two hundred thousand people since we started. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Gamma

We keep things simple, so you can focus on what matters to you. Every donation is tax-deductible, and receipts arrive by email instantly. We measure success by how many donors come back and tell their friends. A school kit costs less than a cinema ticket and lasts a whole year.

7Underline tabs

An underline nav as a sticky-looking section switcher above a product page.

Overview

You receive photos and updates showing exactly what your donation achieved. Every detail is handled by people who care about getting it right. Clean water wells are built with and maintained by local communities.

Features

Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support. We listen first, then build a plan around what you actually need.

Reviews

Thousands of donors already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Leave a gift in your will and help future generations. Start in minutes and get help from a real person whenever you need it.

FAQ

A school kit costs less than a cinema ticket and lasts a whole year. We keep things simple, so you can focus on what matters to you. Clean water wells are built with and maintained by local communities.

8Table of contents on the right

Documentation layout: content first, a small contents list on the right on larger screens.

Summary

Our annual report is independently audited and published in full. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess.

Background

Monthly gifts let us plan ahead and respond quickly when disaster strikes. We listen first, then build a plan around what you actually need. Thousands of donors already trust us, and we work hard to keep it that way. Leave a gift in your will and help future generations.

Method

We have helped more than two hundred thousand people since we started. Friendly people answer your questions quickly, by phone, chat or email. Ninety cents of every dollar goes directly to the projects you support.

Results

Local partners know their communities and make sure help arrives where it matters. Volunteers give their time in schools, shelters and food banks every week. Companies can match employee donations and double their impact. Clear prices, honest advice and no surprises along the way.

9Numbered steps

<code>.list-group-numbered</code> turns the spy menu into a step counter.

Create an account

We measure success by how many donors come back and tell their friends. Every donation is tax-deductible, and receipts arrive by email instantly. You receive photos and updates showing exactly what your donation achieved. We listen first, then build a plan around what you actually need.

Set up your profile

Friendly people answer your questions quickly, by phone, chat or email. Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support. Our team has done this many times, so you never have to guess.

Invite the team

We keep things simple, so you can focus on what matters to you. Every donation is tax-deductible, and receipts arrive by email instantly. Local partners know their communities and make sure help arrives where it matters. Clean water wells are built with and maintained by local communities.

Go live

We have helped more than two hundred thousand people since we started. Start in minutes and get help from a real person whenever you need it. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Stories from the families we support

Thousands of donors already trust us, and we work hard to keep it that way. Leave a gift in your will and help future generations. Clear prices, honest advice and no surprises along the way. Our annual report is independently audited and published in full.

2024

Meet the partners behind our water projects

You receive photos and updates showing exactly what your donation achieved. A school kit costs less than a cinema ticket and lasts a whole year. Every detail is handled by people who care about getting it right.

2025

Why we plant trees with the schools we build

We measure success by how many donors come back and tell their friends. Volunteers give their time in schools, shelters and food banks every week. Every donation is tax-deductible, and receipts arrive by email instantly. Our annual report is independently audited and published in full.

2026

Looking back at a busy season

We listen first, then build a plan around what you actually need. We measure success by how many donors come back and tell their friends. Companies can match employee donations and double their impact.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Our yearly impact report, explained?
We keep things simple, so you can focus on what matters to you.
Ten ways to fundraise with friends?
Clear prices, honest advice and no surprises along the way.
Our favourite tips for busy weeks?
Thousands of donors already trust us, and we work hard to keep it that way.

Shipping

How to choose the right campaign?
Leave a gift in your will and help future generations.
A beginner's guide to getting started?
Volunteers give their time in schools, shelters and food banks every week.
Inside the shelter: from rescue to new home?
Local partners know their communities and make sure help arrives where it matters.

Returns

A day in the life of a volunteer?
Every detail is handled by people who care about getting it right.
The small habits that make a big difference?
You receive photos and updates showing exactly what your donation achieved.
Five things we learned this year?
Start in minutes and get help from a real person whenever you need it.

12Icon menu

Each spy link starts with an icon - nice for spec sheets.

Performance

Friendly people answer your questions quickly, by phone, chat or email. Ninety cents of every dollar goes directly to the projects you support. Our team has done this many times, so you never have to guess. A school kit costs less than a cinema ticket and lasts a whole year.

Battery

Monthly gifts let us plan ahead and respond quickly when disaster strikes. We have helped more than two hundred thousand people since we started. Clean water wells are built with and maintained by local communities. Our team has done this many times, so you never have to guess.

Connectivity

Volunteers give their time in schools, shelters and food banks every week. You receive photos and updates showing exactly what your donation achieved. Companies can match employee donations and double their impact.

Security

Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need. Leave a gift in your will and help future generations.

13Pricing plans

Spy over a stack of plan cards; the pill row shows which plan is in view.

Starter

$14.47 / mo

  • Transparent reports
  • Secure giving
  • Transparent reports

Team

$44.71 / mo

  • Transparent reports
  • Tax receipts
  • Transparent reports

Business

$60.37 / mo

  • Local partners
  • Impact tracking
  • Transparent reports

14Chapter reader

A reading pane with chapter links in a small dropdown-free list above.

Chapter 1: What happens after a disaster appeal

We keep things simple, so you can focus on what matters to you. A school kit costs less than a cinema ticket and lasts a whole year. Monthly gifts let us plan ahead and respond quickly when disaster strikes. We measure success by how many donors come back and tell their friends.

Clean water wells are built with and maintained by local communities. Thousands of donors already trust us, and we work hard to keep it that way. Local partners know their communities and make sure help arrives where it matters. Every donation is tax-deductible, and receipts arrive by email instantly.

Chapter 2: How your donations built three new classrooms

Ninety cents of every dollar goes directly to the projects you support. Clear prices, honest advice and no surprises along the way. We have helped more than two hundred thousand people since we started. Our annual report is independently audited and published in full.

Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it. We have helped more than two hundred thousand people since we started. Leave a gift in your will and help future generations.

Chapter 3: Why monthly giving makes such a difference

A school kit costs less than a cinema ticket and lasts a whole year. We keep things simple, so you can focus on what matters to you. You receive photos and updates showing exactly what your donation achieved.

Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Companies can match employee donations and double their impact.

Chapter 4: What our donors asked us most

Friendly people answer your questions quickly, by phone, chat or email. Every donation is tax-deductible, and receipts arrive by email instantly. Volunteers give their time in schools, shelters and food banks every week. Our annual report is independently audited and published in full.

Local partners know their communities and make sure help arrives where it matters. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. Thousands of donors already trust us, and we work hard to keep it that way.

15Settings form

A long settings form split into sections with a side menu that follows along.

Profile

We measure success by how many donors come back and tell their friends. Start in minutes and get help from a real person whenever you need it. Clean water wells are built with and maintained by local communities.

Notifications

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Ninety cents of every dollar goes directly to the projects you support. You receive photos and updates showing exactly what your donation achieved. Thousands of donors already trust us, and we work hard to keep it that way.

Privacy

Volunteers give their time in schools, shelters and food banks every week. Start in minutes and get help from a real person whenever you need it. Companies can match employee donations and double their impact. Every detail is handled by people who care about getting it right.

16Team directory

Department links track a scrolling list of people.

Legal

  • Elena Haddad
    Elena Haddad
    Backend Engineer
  • Nadia Quinn
    Nadia Quinn
    HR Partner
  • Samir Ashford
    Samir Ashford
    Marketing Lead

Finance

  • Freya Larsen
    Freya Larsen
    HR Partner
  • Theo Duarte
    Theo Duarte
    Backend Engineer
  • Mason Fischer
    Mason Fischer
    Backend Engineer

Marketing

  • Priya Moreau
    Priya Moreau
    Art Director
  • Noah Harlow
    Noah Harlow
    Operations Manager
  • Amara Alvarez
    Amara Alvarez
    Data Analyst

17Catalogue categories

Category pills over a scrolling price list.

Animals

  • Teacher training$121.00
  • Health kit$36.00
  • Vet care$59.00

Environment

  • Teacher training$113.99
  • Tree planting$10.00
  • Health kit$33.99

Education

  • Teacher training$120.99
  • Emergency fund$46.00
  • Library books$50.00

18Inside a card

Card header pills spy on the scrolling card body.

Today

Every donation is tax-deductible, and receipts arrive by email instantly. We measure success by how many donors come back and tell their friends. Our team has done this many times, so you never have to guess. Leave a gift in your will and help future generations.

This week

Our annual report is independently audited and published in full. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clear prices, honest advice and no surprises along the way. We have helped more than two hundred thousand people since we started.

Later

Local partners know their communities and make sure help arrives where it matters. Ninety cents of every dollar goes directly to the projects you support. Clean water wells are built with and maintained by local communities.

19Dark theme

The whole widget inside <code>data-ui-theme="dark"</code>.

Launch

Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need. A school kit costs less than a cinema ticket and lasts a whole year. We keep things simple, so you can focus on what matters to you.

Orbit

Clear prices, honest advice and no surprises along the way. Volunteers give their time in schools, shelters and food banks every week. Friendly people answer your questions quickly, by phone, chat or email.

Landing

Start in minutes and get help from a real person whenever you need it. Our annual report is independently audited and published in full. Ninety cents of every dollar goes directly to the projects you support.

20Changelog

Version links on the left follow release notes with coloured change badges.

v3.2 Dec 30, 2025

  • NewClean water wells are built with and maintained by local communities.
  • ImprovedWe measure success by how many donors come back and tell their friends.
  • FixedYou receive photos and updates showing exactly what your donation achieved.

v3.1 Sep 28, 2025

  • NewWe have helped more than two hundred thousand people since we started.
  • ImprovedLocal partners know their communities and make sure help arrives where it matters.
  • FixedA school kit costs less than a cinema ticket and lasts a whole year.

v3.0 Jul 19, 2026

  • NewThousands of donors already trust us, and we work hard to keep it that way.
  • ImprovedEvery donation is tax-deductible, and receipts arrive by email instantly.
  • FixedOur team has done this many times, so you never have to guess.

v2.9 Nov 19, 2025

  • NewCompanies can match employee donations and double their impact.
  • ImprovedWe keep things simple, so you can focus on what matters to you.
  • FixedMonthly gifts let us plan ahead and respond quickly when disaster strikes.