Skip to content
Bloom Kit
Notifications
Theo Ortega commented on your task
2 days agoChloe Ashford commented on your task
17 hours agoJonah Lindqvist joined the team
6 hours ago
View all

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

Leave a gift in your will and help future generations. 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.

Friendly people answer your questions quickly, by phone, chat or email. Our annual report is independently audited and published in full. We measure success by how many donors come back and tell their friends.

Details

Monthly gifts let us plan ahead and respond quickly when disaster strikes. We have helped more than two hundred thousand people since we started. You receive photos and updates showing exactly what your donation achieved.

Every donation is tax-deductible, and receipts arrive by email instantly. Companies can match employee donations and double their impact. Our team has done this many times, so you never have to guess. Every detail is handled by people who care about getting it right.

Pricing

Start in minutes and get help from a real person whenever you need it. Volunteers give their time in schools, shelters and food banks every week. 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. Ninety cents of every dollar goes directly to the projects you support. Every donation is tax-deductible, and receipts arrive by email instantly.

2Horizontal pills

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

Step one

You receive photos and updates showing exactly what your donation achieved. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clear prices, honest advice and no surprises along the way.

Step two

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. Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support.

Step three

We measure success by how many donors come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Clean water wells are built with and maintained by local communities.

Step four

We have helped more than two hundred thousand people since we started. Local partners know their communities and make sure help arrives where it matters. Our annual report is independently audited and published in full.

3Vertical pills

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

Education fund

We listen first, then build a plan around what you actually need. 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.

Clean water

Start in minutes and get help from a real person whenever you need it. Volunteers give their time in schools, shelters and food banks every week. Leave a gift in your will and help future generations. Thousands of donors already trust us, and we work hard to keep it that way.

Volunteer programs

You receive photos and updates showing exactly what your donation achieved. Friendly people answer your questions quickly, by phone, chat or email. Start in minutes and get help from a real person whenever you need it.

Questions

Every donation is tax-deductible, and receipts arrive by email instantly. A school kit costs less than a cinema ticket and lasts a whole year. Leave a gift in your will and help future generations.

4Nested navigation

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

Getting started

We have helped more than two hundred thousand people since we started. Ninety cents of every dollar goes directly to the projects you support. We measure success by how many donors come back and tell their friends. We listen first, then build a plan around what you actually need.

Install

Clean water wells are built with and maintained by local communities. Monthly gifts let us plan ahead and respond quickly when disaster strikes. 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.

Configure

Thousands of donors already trust us, and we work hard to keep it that way. Companies can match employee donations and double their impact. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way.

Usage

Volunteers give their time in schools, shelters and food banks every week. Our annual report is independently audited and published in full. 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.

Examples

Clean water wells are built with and maintained by local communities. Friendly people answer your questions quickly, by phone, chat or email. Volunteers give their time in schools, shelters and food banks every week. Leave a gift in your will and help future generations.

5List group

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

Morning

We have helped more than two hundred thousand people since we started. 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.

Midday

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. Clear prices, honest advice and no surprises along the way.

Afternoon

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.

Evening

Thousands of donors already trust us, and we work hard to keep it that way. Our team has done this many times, so you never have to guess. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

6Simple anchors

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

Alpha

Every donation is tax-deductible, and receipts arrive by email instantly. You receive photos and updates showing exactly what your donation achieved. Ninety cents of every dollar goes directly to the projects you support.

Beta

Our annual report is independently audited and published in full. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Our team has done this many times, so you never have to guess. Volunteers give their time in schools, shelters and food banks every week.

Gamma

We keep things simple, so you can focus on what matters to you. You receive photos and updates showing exactly what your donation achieved. Clean water wells are built with and maintained by local communities.

7Underline tabs

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

Overview

Thousands of donors already trust us, and we work hard to keep it that way. 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. Clear prices, honest advice and no surprises along the way.

Features

We measure success by how many donors come back and tell their friends. Every detail is handled by people who care about getting it right. 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.

Reviews

Friendly people answer your questions quickly, by phone, chat or email. Every donation is tax-deductible, and receipts arrive by email instantly. Start in minutes and get help from a real person whenever you need it. Leave a gift in your will and help future generations.

FAQ

We listen first, then build a plan around what you actually need. Our annual report is independently audited and published in full. Companies can match employee donations and double their impact. Every donation is tax-deductible, and receipts arrive by email instantly.

8Table of contents on the right

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

Summary

Ninety cents of every dollar goes directly to the projects you support. Friendly people answer your questions quickly, by phone, chat or email. Volunteers give their time in schools, shelters and food banks every week.

Background

We listen first, then build a plan around what you actually need. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Every detail is handled by people who care about getting it right.

Method

We have helped more than two hundred thousand people since we started. Companies can match employee donations and double their impact. Our team has done this many times, so you never have to guess.

Results

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.

On this page

9Numbered steps

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

Create an account

Clear prices, honest advice and no surprises along the way. Leave a gift in your will and help future generations. You receive photos and updates showing exactly what your donation achieved. Start in minutes and get help from a real person whenever you need it.

Set up your profile

We keep things simple, so you can focus on what matters to you. Thousands of donors already trust us, and we work hard to keep it that way. A school kit costs less than a cinema ticket and lasts a whole year.

Invite the team

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. Our annual report is independently audited and published in full. Volunteers give their time in schools, shelters and food banks every week.

Go live

Start in minutes and get help from a real person whenever you need it. 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.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Meet the partners behind our water projects

Clean water wells are built with and maintained by local communities. Leave a gift in your will and help future generations. We have helped more than two hundred thousand people since we started. We measure success by how many donors come back and tell their friends.

2024

Looking back at a busy season

We listen first, then build a plan around what you actually need. Companies can match employee donations and double their impact. Our team has done this many times, so you never have to guess. You receive photos and updates showing exactly what your donation achieved.

2025

Stories from the families we support

Every detail is handled by people who care about getting it right. Every donation is tax-deductible, and receipts arrive by email instantly. Local partners know their communities and make sure help arrives where it matters.

2026

Our favourite tips for busy weeks

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Our yearly impact report, explained?
Thousands of donors already trust us, and we work hard to keep it that way.
How to choose the right campaign?
Clean water wells are built with and maintained by local communities.
A beginner's guide to getting started?
Ninety cents of every dollar goes directly to the projects you support.

Shipping

Inside the shelter: from rescue to new home?
Thousands of donors already trust us, and we work hard to keep it that way.
What our donors asked us most?
Our team has done this many times, so you never have to guess.
Why monthly giving makes such a difference?
Volunteers give their time in schools, shelters and food banks every week.

Returns

What happens after a disaster appeal?
Friendly people answer your questions quickly, by phone, chat or email.
How your donations built three new classrooms?
Start in minutes and get help from a real person whenever you need it.
Five things we learned this year?
We keep things simple, so you can focus on what matters to you.

12Icon menu

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

Performance

Every detail is handled by people who care about getting it right. Local partners know their communities and make sure help arrives where it matters. Every donation is tax-deductible, and receipts arrive by email instantly.

Battery

Our annual report is independently audited and published in full. Companies can match employee donations and double their impact. We have helped more than two hundred thousand people since we started.

Connectivity

Monthly gifts let us plan ahead and respond quickly when disaster strikes. 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.

Security

Leave a gift in your will and help future generations. Clear prices, honest advice and no surprises along the way. You receive photos and updates showing exactly what your donation achieved.

13Pricing plans

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

Starter

$12.19 / mo

  • Local partners
  • Secure giving
  • Impact tracking

Team

$41.93 / mo

  • Local partners
  • Local partners
  • Impact tracking

Business

$52.43 / mo

  • Transparent reports
  • Impact tracking
  • Secure giving

14Chapter reader

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

Chapter 1: Ten ways to fundraise with friends

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. Leave a gift in your will and help future generations. Start in minutes and get help from a real person whenever you need it.

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. Our team has done this many times, so you never have to guess. We have helped more than two hundred thousand people since we started.

Chapter 2: Why we plant trees with the schools we build

Ninety cents of every dollar goes directly to the projects you support. Our annual report is independently audited and published in full. Local partners know their communities and make sure help arrives where it matters. Clean water wells are built with and maintained by local communities.

Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right. Companies can match employee donations and double their impact.

Chapter 3: The small habits that make a big difference

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

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clear prices, honest advice and no surprises along the way. Thousands of donors already trust us, and we work hard to keep it that way.

Chapter 4: A day in the life of a volunteer

Leave a gift in your will and help future generations. We listen first, then build a plan around what you actually need. We have helped more than two hundred thousand people since we started.

Volunteers give their time in schools, shelters and food banks every week. Every detail is handled by people who care about getting it right. We measure success by how many donors come back and tell their friends.

15Settings form

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

Profile

Our annual report is independently audited and published in full. Every donation is tax-deductible, and receipts arrive by email instantly. Companies can match employee donations and double their impact.

Notifications

Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. Ninety cents of every dollar goes directly to the projects you support.

Privacy

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. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

16Team directory

Department links track a scrolling list of people.

Sales

  • Theo Hughes
    Theo Hughes
    Project Manager
  • Freya Delgado
    Freya Delgado
    Backend Engineer
  • Ella Quinn
    Ella Quinn
    Support Specialist

Research

  • Theo Kowalski
    Theo Kowalski
    Sales Executive
  • Hana Rossi
    Hana Rossi
    Marketing Lead
  • Liam Alvarez
    Liam Alvarez
    Support Specialist

Marketing

  • Isla Moreau
    Isla Moreau
    Data Analyst
  • Tariq Ashford
    Tariq Ashford
    Content Writer
  • Kenji Patel
    Kenji Patel
    Product Designer

17Catalogue categories

Category pills over a scrolling price list.

Education

  • School kit$28.99
  • Meal pack$15.00
  • Tree planting$10.00

Relief

  • Meal pack$16.00
  • Emergency fund$47.99
  • Solar lamp$17.99

Animals

  • Health kit$35.00
  • Emergency fund$54.99
  • Vet care$55.00

18Inside a card

Card header pills spy on the scrolling card body.

Today

Our team has done this many times, so you never have to guess. You receive photos and updates showing exactly what your donation achieved. Local partners know their communities and make sure help arrives where it matters.

This week

Thousands of donors already trust us, and we work hard to keep it that way. A school kit costs less than a cinema ticket and lasts a whole year. Friendly people answer your questions quickly, by phone, chat or email. Leave a gift in your will and help future generations.

Later

Clear prices, honest advice and no surprises along the way. Ninety cents of every dollar goes directly to the projects you support. We measure success by how many donors come back and tell their friends.

19Dark theme

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

Launch

We have helped more than two hundred thousand people since we started. Our annual report is independently audited and published in full. Friendly people answer your questions quickly, by phone, chat or email.

Orbit

Monthly gifts let us plan ahead and respond quickly when disaster strikes. You receive photos and updates showing exactly what your donation achieved. We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right.

Landing

Clean water wells are built with and maintained by local communities. Our team has done this many times, so you never have to guess. Volunteers give their time in schools, shelters and food banks every week.

20Changelog

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

v3.2 Oct 8, 2025

  • NewEvery donation is tax-deductible, and receipts arrive by email instantly.
  • ImprovedStart in minutes and get help from a real person whenever you need it.
  • FixedA school kit costs less than a cinema ticket and lasts a whole year.

v3.1 Jul 18, 2026

  • NewThousands of donors already trust us, and we work hard to keep it that way.
  • ImprovedCompanies can match employee donations and double their impact.
  • FixedWe keep things simple, so you can focus on what matters to you.

v3.0 May 10, 2026

  • NewLocal partners know their communities and make sure help arrives where it matters.
  • ImprovedWe measure success by how many donors come back and tell their friends.
  • FixedThousands of donors already trust us, and we work hard to keep it that way.

v2.9 Mar 26, 2026

  • NewA school kit costs less than a cinema ticket and lasts a whole year.
  • ImprovedMonthly gifts let us plan ahead and respond quickly when disaster strikes.
  • FixedClear prices, honest advice and no surprises along the way.