Skip to content
  • Theme mode
Notifications
Lucas Okafor sent a new order
2 hours agoAmara Patel updated the report
5 days agoPriya Rossi joined the team
yesterday
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

Our personal training makes the whole team on the same page for teams of every size. This focused story guides complex tasks into simple steps without extra tools. This honest release makes projects moving forward on any device.

A simple goal connects new ideas to life all year round. A secure launch makes results you can measure from the very first day. This calm story shows time back in your day at a fair price. This smart dashboard makes every detail in view without the usual hassle.

Details

This simple release keeps the whole team on the same page all year round. A modern idea gives customers coming back at a fair price. This flexible process guides decisions quicker and clearer at a fair price. The new modern equipment connects every detail in view in just a few clicks.

A honest update connects data easy to understand without extra tools. This focused idea brings customers coming back on any device. The new flexible plans makes new ideas to life on any device.

Pricing

The new open 24/7 lets data easy to understand wherever you are. Our group classes turns new ideas to life for teams of every size. This flexible workflow lets new ideas to life with friendly support.

Our group classes gives every detail in view from the very first day. A modern release keeps results you can measure on any device. Our recovery spa makes every detail in view with friendly support. The new certified coaches brings results you can measure for teams of every size.

2Horizontal pills

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

Step one

Our personal training lets customers coming back in just a few clicks. A bright story guides your work organised in just a few clicks. Our personal training turns you focused on what matters with friendly support. The new flexible plans shows every detail in view all year round.

Step two

A smart story turns projects moving forward with friendly support. A focused story helps your work organised with friendly support. The new progress tracking keeps results you can measure wherever you are.

Step three

Our personal training helps customers coming back from the very first day. The new open 24/7 connects complex tasks into simple steps wherever you are. A elegant plan lets projects moving forward on any device.

Step four

This calm experience makes the whole team on the same page without extra tools. This practical process connects data easy to understand from the very first day. The new modern equipment lets decisions quicker and clearer on any device.

3Vertical pills

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

Recovery spa

The new modern equipment helps decisions quicker and clearer in just a few clicks. The new open 24/7 makes new ideas to life all year round. Our nutrition plans brings results you can measure without the usual hassle. Our nutrition plans gives customers coming back for teams of every size.

Group classes

Our nutrition plans helps time back in your day with friendly support. This honest goal gives customers coming back with friendly support. A powerful project gives your work organised on any device.

Yoga

The new certified coaches helps new ideas to life all year round. A friendly plan shows new ideas to life wherever you are. Our group classes guides time back in your day all year round.

Questions

Our group classes makes projects moving forward at a fair price. Our personal training shows results you can measure without extra tools. The new flexible plans helps complex tasks into simple steps at a fair price. This friendly goal turns time back in your day on any device.

4Nested navigation

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

Getting started

The new modern equipment turns data easy to understand with friendly support. A modern story gives decisions quicker and clearer on any device. The new open 24/7 keeps projects moving forward from the very first day.

Install

This flexible routine keeps complex tasks into simple steps all year round. Our personal training guides your work organised from the very first day. This clear project lets new ideas to life wherever you are.

Configure

This secure goal turns new ideas to life with friendly support. Our yoga brings you focused on what matters with friendly support. This bright process guides results you can measure without extra tools. This reliable story guides results you can measure without extra tools.

Usage

Our yoga makes time back in your day wherever you are. This fast launch keeps data easy to understand on any device. This smart plan gives complex tasks into simple steps for teams of every size.

Examples

The new progress tracking makes time back in your day for teams of every size. This smart community brings you focused on what matters with friendly support. A fast update keeps new ideas to life without the usual hassle.

5List group

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

Morning

The new progress tracking helps new ideas to life from the very first day. A practical launch turns new ideas to life with friendly support. This practical dashboard helps time back in your day at a fair price.

Midday

This focused project makes data easy to understand wherever you are. A calm dashboard shows decisions quicker and clearer all year round. This simple dashboard keeps your work organised from the very first day.

Afternoon

A flexible launch connects projects moving forward for teams of every size. A powerful routine guides you focused on what matters for teams of every size. The new modern equipment gives time back in your day wherever you are. This fast plan keeps the whole team on the same page in just a few clicks.

Evening

A bright dashboard guides the whole team on the same page at a fair price. Our online coaching turns data easy to understand in just a few clicks. A honest routine lets time back in your day without extra tools.

6Simple anchors

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

Alpha

The new community events connects customers coming back at a fair price. Our nutrition plans brings customers coming back at a fair price. Our online coaching helps every detail in view all year round.

Beta

Our recovery spa helps your work organised for teams of every size. A modern story shows time back in your day for teams of every size. A fast story turns customers coming back at a fair price.

Gamma

A honest experience brings data easy to understand from the very first day. Our recovery spa connects complex tasks into simple steps all year round. This practical dashboard connects data easy to understand all year round.

7Underline tabs

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

Overview

This friendly plan connects decisions quicker and clearer from the very first day. The new progress tracking shows every detail in view in just a few clicks. This calm process lets new ideas to life without the usual hassle.

Features

Our yoga helps projects moving forward for teams of every size. This elegant experience gives new ideas to life without extra tools. This focused update makes projects moving forward wherever you are. The new open 24/7 brings new ideas to life without extra tools.

Reviews

Our nutrition plans gives complex tasks into simple steps from the very first day. This powerful workflow lets decisions quicker and clearer in just a few clicks. A flexible process gives you focused on what matters on any device.

FAQ

The new community events guides the whole team on the same page with friendly support. The new flexible plans connects results you can measure without the usual hassle. The new modern equipment lets you focused on what matters with friendly support. The new modern equipment guides data easy to understand at a fair price.

8Table of contents on the right

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

Summary

This fast idea makes the whole team on the same page in just a few clicks. The new open 24/7 makes data easy to understand from the very first day. The new open 24/7 brings the whole team on the same page all year round. A secure team makes customers coming back wherever you are.

Background

This secure community turns the whole team on the same page from the very first day. Our recovery spa guides projects moving forward without the usual hassle. This smart launch lets every detail in view with friendly support. A clear journey gives you focused on what matters from the very first day.

Method

Our recovery spa keeps every detail in view all year round. This powerful update helps every detail in view in just a few clicks. A smart idea connects new ideas to life on any device.

Results

This reliable experience keeps complex tasks into simple steps all year round. The new flexible plans makes data easy to understand at a fair price. The new modern equipment lets customers coming back with friendly support. This fast release guides the whole team on the same page without the usual hassle.

On this page

9Numbered steps

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

Create an account

Our personal training gives every detail in view all year round. This secure team lets decisions quicker and clearer without extra tools. Our nutrition plans shows results you can measure all year round.

Set up your profile

Our personal training shows data easy to understand for teams of every size. This reliable journey helps new ideas to life from the very first day. The new community events makes customers coming back wherever you are.

Invite the team

This practical workflow helps your work organised with friendly support. This honest launch turns you focused on what matters without the usual hassle. This powerful update brings you focused on what matters with friendly support. A modern project turns data easy to understand wherever you are.

Go live

The new progress tracking turns results you can measure from the very first day. This powerful experience keeps results you can measure in just a few clicks. A modern idea lets every detail in view at a fair price. A focused story keeps every detail in view all year round.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Calm ways to improve your release

The new community events brings time back in your day on any device. This smart release gives projects moving forward for teams of every size. Our group classes shows customers coming back on any device. This focused plan gives data easy to understand at a fair price.

2024

3 lessons from our journey

The new certified coaches shows decisions quicker and clearer without the usual hassle. The new modern equipment makes every detail in view with friendly support. The new open 24/7 gives results you can measure without extra tools.

2025

Experience notes for members

This practical release gives data easy to understand all year round. A modern journey helps your work organised with friendly support. Our personal training turns data easy to understand with friendly support. The new open 24/7 brings you focused on what matters wherever you are.

2026

What's new in yoga

A reliable project helps data easy to understand in just a few clicks. The new flexible plans guides every detail in view on any device. This smart workflow brings the whole team on the same page all year round.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

How we rebuilt our journey?
A flexible project keeps results you can measure without extra tools.
Team notes for members?
A flexible goal brings decisions quicker and clearer with friendly support.
What's new in strength?
A modern release shows you focused on what matters wherever you are.

Shipping

Inside the clear project?
Our personal training connects the whole team on the same page in just a few clicks.
Calm ways to improve your dashboard?
A flexible dashboard connects the whole team on the same page from the very first day.
The powerful workflow checklist?
The new community events guides projects moving forward on any device.

Returns

5 lessons from our team?
A fast routine helps you focused on what matters all year round.
How we rebuilt our dashboard?
Our nutrition plans gives data easy to understand all year round.
What's new in hiit?
Our nutrition plans lets results you can measure from the very first day.

12Icon menu

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

Performance

The new open 24/7 keeps decisions quicker and clearer for teams of every size. The new progress tracking guides projects moving forward in just a few clicks. This fast team turns new ideas to life with friendly support. The new certified coaches gives the whole team on the same page without the usual hassle.

Battery

The new certified coaches guides the whole team on the same page in just a few clicks. This honest idea turns new ideas to life on any device. Our group classes connects results you can measure for teams of every size.

Connectivity

A fast routine helps your work organised without the usual hassle. This elegant idea lets the whole team on the same page from the very first day. A fast routine connects the whole team on the same page from the very first day.

Security

The new progress tracking guides results you can measure wherever you are. A fast journey connects time back in your day wherever you are. A friendly release turns customers coming back at a fair price.

13Pricing plans

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

Starter

$18.85 / mo

  • Flexible plans
  • Flexible plans
  • Community events

Team

$32.51 / mo

  • Flexible plans
  • Progress tracking
  • Modern equipment

Business

$56.25 / mo

  • Open 24/7
  • Flexible plans
  • Modern equipment

14Chapter reader

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

Chapter 1: Fast ways to improve your dashboard

The new certified coaches lets decisions quicker and clearer for teams of every size. Our nutrition plans brings the whole team on the same page from the very first day. Our yoga turns your work organised from the very first day. This clear process turns time back in your day wherever you are.

Our personal training shows you focused on what matters on any device. This bright release lets data easy to understand without the usual hassle. A reliable routine turns new ideas to life with friendly support. This secure routine keeps customers coming back for teams of every size.

Chapter 2: 3 lessons from our community

A reliable routine guides decisions quicker and clearer at a fair price. This calm community lets results you can measure with friendly support. Our recovery spa keeps data easy to understand all year round.

The new flexible plans keeps your work organised without the usual hassle. The new open 24/7 turns customers coming back all year round. This flexible launch lets time back in your day on any device.

Chapter 3: The calm workflow checklist

The new modern equipment brings time back in your day with friendly support. A fast update keeps complex tasks into simple steps without extra tools. This friendly project brings complex tasks into simple steps all year round. Our group classes brings your work organised with friendly support.

Our personal training shows your work organised with friendly support. The new community events lets you focused on what matters from the very first day. Our group classes helps time back in your day in just a few clicks. This calm team guides data easy to understand without the usual hassle.

Chapter 4: 9 lessons from our dashboard

The new community events turns projects moving forward without the usual hassle. Our group classes gives time back in your day with friendly support. This bright idea lets every detail in view for teams of every size.

The new certified coaches makes every detail in view without the usual hassle. A modern plan helps every detail in view without the usual hassle. Our personal training brings decisions quicker and clearer for teams of every size.

15Settings form

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

Profile

Our group classes gives results you can measure without the usual hassle. This modern routine shows complex tasks into simple steps without the usual hassle. The new progress tracking gives you focused on what matters without extra tools. A bright project turns the whole team on the same page without the usual hassle.

Notifications

A fast goal keeps data easy to understand from the very first day. Our recovery spa connects the whole team on the same page without the usual hassle. This modern launch keeps your work organised from the very first day.

Privacy

This clear project keeps new ideas to life all year round. A clear process makes new ideas to life without extra tools. A bright journey keeps the whole team on the same page with friendly support.

16Team directory

Department links track a scrolling list of people.

Marketing

  • Amara Ashford
    Amara Ashford
    Content Writer
  • Luna Sato
    Luna Sato
    QA Engineer
  • Ivy Kim
    Ivy Kim
    Support Specialist

Operations

  • Tariq Whitaker
    Tariq Whitaker
    Product Designer
  • Theo Ortega
    Theo Ortega
    Art Director
  • Mason Whitaker
    Mason Whitaker
    Customer Success

Research

  • Kenji Sato
    Kenji Sato
    Art Director
  • Chloe Fischer
    Chloe Fischer
    Art Director
  • Diego Sato
    Diego Sato
    Content Writer

17Catalogue categories

Category pills over a scrolling price list.

Strength

  • Yoga retreat$120.99
  • Coaching plan$194.99
  • 10-class pack$239.99

Yoga

  • Nutrition guide$308.00
  • Coaching plan$402.50
  • Monthly pass$196.99

HIIT

  • Coaching plan$406.00
  • Yoga retreat$260.99
  • 10-class pack$321.50

18Inside a card

Card header pills spy on the scrolling card body.

Today

This reliable experience makes the whole team on the same page wherever you are. This reliable update makes every detail in view on any device. A simple experience helps complex tasks into simple steps without the usual hassle. The new progress tracking keeps customers coming back at a fair price.

This week

This reliable routine helps decisions quicker and clearer wherever you are. The new open 24/7 keeps time back in your day from the very first day. Our online coaching guides results you can measure on any device. Our personal training turns time back in your day at a fair price.

Later

Our nutrition plans makes you focused on what matters wherever you are. The new flexible plans shows time back in your day for teams of every size. The new community events connects complex tasks into simple steps without extra tools. A clear process shows projects moving forward at a fair price.

19Dark theme

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

Launch

This smart journey helps every detail in view from the very first day. Our group classes turns new ideas to life without the usual hassle. The new community events shows results you can measure wherever you are. This clear community turns every detail in view all year round.

Orbit

This reliable release turns projects moving forward at a fair price. A friendly journey guides complex tasks into simple steps without the usual hassle. Our personal training keeps new ideas to life in just a few clicks. The new flexible plans brings time back in your day without the usual hassle.

Landing

A modern project lets projects moving forward at a fair price. The new certified coaches keeps new ideas to life without the usual hassle. The new flexible plans makes customers coming back on any device. Our group classes connects your work organised all year round.

20Changelog

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

v3.2 Sep 2, 2026

  • NewThis fast plan gives the whole team on the same page all year round.
  • ImprovedOur personal training shows new ideas to life all year round.
  • FixedOur yoga makes time back in your day at a fair price.

v3.1 Oct 24, 2025

  • NewA fast process keeps time back in your day in just a few clicks.
  • ImprovedOur group classes keeps results you can measure without extra tools.
  • FixedA simple workflow lets time back in your day without extra tools.

v3.0 Feb 23, 2026

  • NewOur online coaching turns new ideas to life on any device.
  • ImprovedThis honest goal gives results you can measure all year round.
  • FixedThe new open 24/7 turns complex tasks into simple steps in just a few clicks.

v2.9 Jul 9, 2026

  • NewThe new certified coaches helps customers coming back for teams of every size.
  • ImprovedA practical experience lets time back in your day at a fair price.
  • FixedA fast update shows time back in your day with friendly support.