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
Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need. Accounting sync keeps your books up to date without manual exports.
Cash flow forecasts show where you will be next month, not just today. Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way. We measure success by how many members come back and tell their friends.
Details
Set approval rules for large payments and see who spent what, and why. Invoices go out with a payment link, so customers can pay you in one click. No monthly fees on the basic plan and no hidden charges on transfers.
Every payment appears instantly, with receipts matched automatically. Real people answer your questions around the clock, every day of the year. Open a business account online in about ten minutes, with no branch visit.
Pricing
We keep things simple, so you can focus on what matters to you. Issue virtual and physical cards to your team with limits you control. Our team has done this many times, so you never have to guess. Your money is protected by bank-grade security and regulated partners.
Payroll runs on time, with tax and pension payments handled for you. Start in minutes and get help from a real person whenever you need it. Accounting sync keeps your books up to date without manual exports.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Quillium</a>
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link" href="#spy-1122">Intro</a></li>
<li class="nav-item"><a class="nav-link" href="#spy-1123">Details</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-ui-toggle="dropdown" href="#" role="button" aria-expanded="false">More</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="#spy-1124">Pricing</a></li></ul></li>
</ul>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1121" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1122" class="pb-3">
<h3 class="h6">Intro</h3>
<p class="small">Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need. Accounting sync keeps your books up to date without manual exports.</p>
<p class="small">Cash flow forecasts show where you will be next month, not just today. Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Invoices go out with a payment link, so customers can pay you in one click. No monthly fees on the basic plan and no hidden charges on transfers.</p>
<p class="small">Every payment appears instantly, with receipts matched automatically. Real people answer your questions around the clock, every day of the year. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Issue virtual and physical cards to your team with limits you control. Our team has done this many times, so you never have to guess. Your money is protected by bank-grade security and regulated partners.</p>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Start in minutes and get help from a real person whenever you need it. Accounting sync keeps your books up to date without manual exports.</p>
</div>
</div>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. Cash flow forecasts show where you will be next month, not just today. Start in minutes and get help from a real person whenever you need it. Thousands of members already trust us, and we work hard to keep it that way.
Step two
We measure success by how many members come back and tell their friends. Every payment appears instantly, with receipts matched automatically. Payroll runs on time, with tax and pension payments handled for you. Every detail is handled by people who care about getting it right.
Step three
Invoices go out with a payment link, so customers can pay you in one click. Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control. Open a business account online in about ten minutes, with no branch visit.
Step four
We keep things simple, so you can focus on what matters to you. Send and receive money in more than 30 currencies at fair exchange rates. Your money is protected by bank-grade security and regulated partners.
<nav id="spy-nav-1125" class="nav nav-pills mb-2 flex-wrap">
<a class="nav-link" href="#spy-1126">Step one</a><a class="nav-link" href="#spy-1127">Step two</a><a class="nav-link" href="#spy-1128">Step three</a><a class="nav-link" href="#spy-1129">Step four</a>
</nav>
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1125" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1126" class="pb-3">
<h3 class="h6">Step one</h3>
<p class="small">Our team has done this many times, so you never have to guess. Cash flow forecasts show where you will be next month, not just today. Start in minutes and get help from a real person whenever you need it. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">We measure success by how many members come back and tell their friends. Every payment appears instantly, with receipts matched automatically. Payroll runs on time, with tax and pension payments handled for you. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</h3>
<p class="small">Invoices go out with a payment link, so customers can pay you in one click. Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Send and receive money in more than 30 currencies at fair exchange rates. Your money is protected by bank-grade security and regulated partners.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Multi-currency wallets
Set approval rules for large payments and see who spent what, and why. No monthly fees on the basic plan and no hidden charges on transfers. We listen first, then build a plan around what you actually need.
Expense tracking
Friendly people answer your questions quickly, by phone, chat or email. Real people answer your questions around the clock, every day of the year. Every payment appears instantly, with receipts matched automatically.
Corporate cards
Your money is protected by bank-grade security and regulated partners. Thousands of members already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.
Questions
We keep things simple, so you can focus on what matters to you. Open a business account online in about ten minutes, with no branch visit. Send and receive money in more than 30 currencies at fair exchange rates. Cash flow forecasts show where you will be next month, not just today.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1130" class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1131">Multi-currency wallets</a><a class="nav-link" href="#spy-1132">Expense tracking</a><a class="nav-link" href="#spy-1133">Corporate cards</a><a class="nav-link" href="#spy-1134">Questions</a>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1130" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1131" class="pb-3">
<h3 class="h6">Multi-currency wallets</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. No monthly fees on the basic plan and no hidden charges on transfers. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Expense tracking</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Real people answer your questions around the clock, every day of the year. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Corporate cards</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. Thousands of members already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Open a business account online in about ten minutes, with no branch visit. Send and receive money in more than 30 currencies at fair exchange rates. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
Set approval rules for large payments and see who spent what, and why. Start in minutes and get help from a real person whenever you need it. No monthly fees on the basic plan and no hidden charges on transfers. Every detail is handled by people who care about getting it right.
Install
Real people answer your questions around the clock, every day of the year. Payroll runs on time, with tax and pension payments handled for you. Invoices go out with a payment link, so customers can pay you in one click. Issue virtual and physical cards to your team with limits you control.
Configure
We measure success by how many members come back and tell their friends. Accounting sync keeps your books up to date without manual exports. We listen first, then build a plan around what you actually need.
Usage
Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it. Send and receive money in more than 30 currencies at fair exchange rates.
Examples
Set approval rules for large payments and see who spent what, and why. Friendly people answer your questions quickly, by phone, chat or email. Every payment appears instantly, with receipts matched automatically.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1135" class="h-100 flex-column align-items-stretch">
<nav class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1136">Getting started</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1137">Install</a><a class="nav-link ms-3 my-1" href="#spy-1138">Configure</a>
</nav>
<a class="nav-link" href="#spy-1139">Usage</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1140">Examples</a>
</nav>
</nav>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:260px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1135" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1136" class="pb-3">
<h3 class="h6">Getting started</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Start in minutes and get help from a real person whenever you need it. No monthly fees on the basic plan and no hidden charges on transfers. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">Real people answer your questions around the clock, every day of the year. Payroll runs on time, with tax and pension payments handled for you. Invoices go out with a payment link, so customers can pay you in one click. Issue virtual and physical cards to your team with limits you control.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">We measure success by how many members come back and tell their friends. Accounting sync keeps your books up to date without manual exports. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Friendly people answer your questions quickly, by phone, chat or email. Every payment appears instantly, with receipts matched automatically.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Issue virtual and physical cards to your team with limits you control. Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. Payroll runs on time, with tax and pension payments handled for you.
Midday
Your money is protected by bank-grade security and regulated partners. We listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess.
Afternoon
Cash flow forecasts show where you will be next month, not just today. Clear prices, honest advice and no surprises along the way. Real people answer your questions around the clock, every day of the year.
Evening
We keep things simple, so you can focus on what matters to you. We measure success by how many members come back and tell their friends. No monthly fees on the basic plan and no hidden charges on transfers. Invoices go out with a payment link, so customers can pay you in one click.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-1141" class="list-group">
<a class="list-group-item list-group-item-action" href="#spy-1142">Morning</a><a class="list-group-item list-group-item-action" href="#spy-1143">Midday</a><a class="list-group-item list-group-item-action" href="#spy-1144">Afternoon</a><a class="list-group-item list-group-item-action" href="#spy-1145">Evening</a>
</div>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1141" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1142" class="pb-3">
<h3 class="h6">Morning</h3>
<p class="small">Issue virtual and physical cards to your team with limits you control. Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. We listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">Cash flow forecasts show where you will be next month, not just today. Clear prices, honest advice and no surprises along the way. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. We measure success by how many members come back and tell their friends. No monthly fees on the basic plan and no hidden charges on transfers. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. Send and receive money in more than 30 currencies at fair exchange rates. Clear prices, honest advice and no surprises along the way.
Beta
Real people answer your questions around the clock, every day of the year. No monthly fees on the basic plan and no hidden charges on transfers. Set approval rules for large payments and see who spent what, and why.
Gamma
Your money is protected by bank-grade security and regulated partners. Issue virtual and physical cards to your team with limits you control. Every payment appears instantly, with receipts matched automatically.
<div class="row g-3 cb-spy-plain">
<div class="col-4">
<div id="spy-nav-1146" class="d-flex flex-column gap-2 small">
<a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1147">Alpha</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1148">Beta</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1149">Gamma</a>
</div>
</div>
<div class="col-8">
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1146" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1147" class="pb-3">
<h3 class="h6">Alpha</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. Send and receive money in more than 30 currencies at fair exchange rates. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Real people answer your questions around the clock, every day of the year. No monthly fees on the basic plan and no hidden charges on transfers. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. Issue virtual and physical cards to your team with limits you control. Every payment appears instantly, with receipts matched automatically.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
Our team has done this many times, so you never have to guess. Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. Payroll runs on time, with tax and pension payments handled for you.
Features
We measure success by how many members come back and tell their friends. Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right.
Reviews
Cash flow forecasts show where you will be next month, not just today. Friendly people answer your questions quickly, by phone, chat or email. Invoices go out with a payment link, so customers can pay you in one click.
FAQ
Accounting sync keeps your books up to date without manual exports. We keep things simple, so you can focus on what matters to you. Cash flow forecasts show where you will be next month, not just today.
<nav id="spy-nav-1150" class="nav nav-underline mb-2 border-bottom">
<a class="nav-link" href="#spy-1151">Overview</a><a class="nav-link" href="#spy-1152">Features</a><a class="nav-link" href="#spy-1153">Reviews</a><a class="nav-link" href="#spy-1154">FAQ</a>
</nav>
<div class="position-relative border rounded p-3 border-0 px-0" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1150" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1151" class="pb-3">
<h3 class="h6">Overview</h3>
<p class="small">Our team has done this many times, so you never have to guess. Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">We measure success by how many members come back and tell their friends. Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Cash flow forecasts show where you will be next month, not just today. Friendly people answer your questions quickly, by phone, chat or email. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. We keep things simple, so you can focus on what matters to you. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Every detail is handled by people who care about getting it right. Send and receive money in more than 30 currencies at fair exchange rates. Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need.
Background
Payroll runs on time, with tax and pension payments handled for you. Real people answer your questions around the clock, every day of the year. Invoices go out with a payment link, so customers can pay you in one click.
Method
Friendly people answer your questions quickly, by phone, chat or email. No monthly fees on the basic plan and no hidden charges on transfers. We measure success by how many members come back and tell their friends.
Results
Open a business account online in about ten minutes, with no branch visit. Every payment appears instantly, with receipts matched automatically. Set approval rules for large payments and see who spent what, and why.
On this page
<div class="row g-3">
<div class="col-md-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1155" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1156" class="pb-3">
<h3 class="h6">Summary</h3>
<p class="small">Every detail is handled by people who care about getting it right. Send and receive money in more than 30 currencies at fair exchange rates. Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Real people answer your questions around the clock, every day of the year. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. No monthly fees on the basic plan and no hidden charges on transfers. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">Open a business account online in about ten minutes, with no branch visit. Every payment appears instantly, with receipts matched automatically. Set approval rules for large payments and see who spent what, and why.</p>
</div>
</div>
</div>
<div class="col-md-3 order-first order-md-last">
<p class="small fw-semibold text-uppercase text-body-secondary mb-2">On this page</p>
<nav id="spy-nav-1155" class="nav nav-pills flex-column small">
<a class="nav-link py-1" href="#spy-1156">Summary</a><a class="nav-link py-1" href="#spy-1157">Background</a><a class="nav-link py-1" href="#spy-1158">Method</a><a class="nav-link py-1" href="#spy-1159">Results</a>
</nav>
</div>
</div>9Numbered steps
<code>.list-group-numbered</code> turns the spy menu into a step counter.
Create an account
Your money is protected by bank-grade security and regulated partners. Clear prices, honest advice and no surprises along the way. Accounting sync keeps your books up to date without manual exports.
Set up your profile
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. Issue virtual and physical cards to your team with limits you control. Thousands of members already trust us, and we work hard to keep it that way.
Invite the team
Invoices go out with a payment link, so customers can pay you in one click. Our team has done this many times, so you never have to guess. Issue virtual and physical cards to your team with limits you control. Friendly people answer your questions quickly, by phone, chat or email.
Go live
Real people answer your questions around the clock, every day of the year. Accounting sync keeps your books up to date without manual exports. Send and receive money in more than 30 currencies at fair exchange rates. Thousands of members already trust us, and we work hard to keep it that way.
<div class="row g-3">
<div class="col-sm-5">
<div id="spy-nav-1160" class="list-group list-group-numbered">
<a class="list-group-item list-group-item-action" href="#spy-1161">Create an account</a><a class="list-group-item list-group-item-action" href="#spy-1162">Set up your profile</a><a class="list-group-item list-group-item-action" href="#spy-1163">Invite the team</a><a class="list-group-item list-group-item-action" href="#spy-1164">Go live</a>
</div>
</div>
<div class="col-sm-7">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1160" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1161" class="pb-3">
<h3 class="h6">Create an account</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. Clear prices, honest advice and no surprises along the way. Accounting sync keeps your books up to date without manual exports.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">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. Issue virtual and physical cards to your team with limits you control. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">Invoices go out with a payment link, so customers can pay you in one click. Our team has done this many times, so you never have to guess. Issue virtual and physical cards to your team with limits you control. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">Real people answer your questions around the clock, every day of the year. Accounting sync keeps your books up to date without manual exports. Send and receive money in more than 30 currencies at fair exchange rates. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Our favourite tips for busy weeks
Cash flow forecasts show where you will be next month, not just today. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.
How to choose the right account
We keep things simple, so you can focus on what matters to you. Your money is protected by bank-grade security and regulated partners. Open a business account online in about ten minutes, with no branch visit. Every payment appears instantly, with receipts matched automatically.
How to close your books faster every month
We measure success by how many members come back and tell their friends. Set approval rules for large payments and see who spent what, and why. No monthly fees on the basic plan and no hidden charges on transfers. Start in minutes and get help from a real person whenever you need it.
What to look for in a business account
Clear prices, honest advice and no surprises along the way. Payroll runs on time, with tax and pension payments handled for you. Issue virtual and physical cards to your team with limits you control. Your money is protected by bank-grade security and regulated partners.
<nav id="spy-nav-1165" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1166">2023</a><a class="nav-link" href="#spy-1167">2024</a><a class="nav-link" href="#spy-1168">2025</a><a class="nav-link" href="#spy-1169">2026</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1165" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1166" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2023</span>
<h3 class="h6">Our favourite tips for busy weeks</h3>
<p class="small mb-0">Cash flow forecasts show where you will be next month, not just today. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1167" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2024</span>
<h3 class="h6">How to choose the right account</h3>
<p class="small mb-0">We keep things simple, so you can focus on what matters to you. Your money is protected by bank-grade security and regulated partners. Open a business account online in about ten minutes, with no branch visit. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1168" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2025</span>
<h3 class="h6">How to close your books faster every month</h3>
<p class="small mb-0">We measure success by how many members come back and tell their friends. Set approval rules for large payments and see who spent what, and why. No monthly fees on the basic plan and no hidden charges on transfers. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1169" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2026</span>
<h3 class="h6">What to look for in a business account</h3>
<p class="small mb-0">Clear prices, honest advice and no surprises along the way. Payroll runs on time, with tax and pension payments handled for you. Issue virtual and physical cards to your team with limits you control. Your money is protected by bank-grade security and regulated partners.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- Running payroll for your first five hires?
- Payroll runs on time, with tax and pension payments handled for you.
- Budgeting basics for small teams?
- No monthly fees on the basic plan and no hidden charges on transfers.
- Paying international suppliers without high fees?
- Every payment appears instantly, with receipts matched automatically.
Shipping
- Getting paid on time: invoice tips that work?
- Start in minutes and get help from a real person whenever you need it.
- A simple guide to business spending policies?
- Clear prices, honest advice and no surprises along the way.
- Five things we learned this year?
- Accounting sync keeps your books up to date without manual exports.
Returns
- A beginner's guide to getting started?
- Real people answer your questions around the clock, every day of the year.
- Looking back at a busy season?
- Open a business account online in about ten minutes, with no branch visit.
- Five ways to improve your cash flow?
- Send and receive money in more than 30 currencies at fair exchange rates.
<div class="row g-3">
<div class="col-sm-3">
<nav id="spy-nav-1170" class="nav nav-pills flex-sm-column">
<a class="nav-link" href="#spy-1171">Orders</a><a class="nav-link" href="#spy-1172">Shipping</a><a class="nav-link" href="#spy-1173">Returns</a>
</nav>
</div>
<div class="col-sm-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1170" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1171" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle" aria-hidden="true"></i> Orders</h3>
<dl>
<dt class="small">Running payroll for your first five hires?</dt>
<dd class="small text-body-secondary">Payroll runs on time, with tax and pension payments handled for you.</dd>
<dt class="small">Budgeting basics for small teams?</dt>
<dd class="small text-body-secondary">No monthly fees on the basic plan and no hidden charges on transfers.</dd>
<dt class="small">Paying international suppliers without high fees?</dt>
<dd class="small text-body-secondary">Every payment appears instantly, with receipts matched automatically.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">Getting paid on time: invoice tips that work?</dt>
<dd class="small text-body-secondary">Start in minutes and get help from a real person whenever you need it.</dd>
<dt class="small">A simple guide to business spending policies?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</dd>
<dt class="small">Five things we learned this year?</dt>
<dd class="small text-body-secondary">Accounting sync keeps your books up to date without manual exports.</dd>
</dl>
</div>
<div id="spy-1173" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle" aria-hidden="true"></i> Returns</h3>
<dl>
<dt class="small">A beginner's guide to getting started?</dt>
<dd class="small text-body-secondary">Real people answer your questions around the clock, every day of the year.</dd>
<dt class="small">Looking back at a busy season?</dt>
<dd class="small text-body-secondary">Open a business account online in about ten minutes, with no branch visit.</dd>
<dt class="small">Five ways to improve your cash flow?</dt>
<dd class="small text-body-secondary">Send and receive money in more than 30 currencies at fair exchange rates.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
We measure success by how many members come back and tell their friends. We keep things simple, so you can focus on what matters to you. Invoices go out with a payment link, so customers can pay you in one click.
Battery
Our team has done this many times, so you never have to guess. Cash flow forecasts show where you will be next month, not just today. We listen first, then build a plan around what you actually need. Set approval rules for large payments and see who spent what, and why.
Connectivity
Every detail is handled by people who care about getting it right. Thousands of members already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email. Open a business account online in about ten minutes, with no branch visit.
Security
Payroll runs on time, with tax and pension payments handled for you. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1174" class="nav nav-pills flex-column">
<a class="nav-link d-flex align-items-center gap-2" href="#spy-1175"><i class="bi bi-cpu" aria-hidden="true"></i>Performance</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1176"><i class="bi bi-battery-half" aria-hidden="true"></i>Battery</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1177"><i class="bi bi-wifi" aria-hidden="true"></i>Connectivity</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1178"><i class="bi bi-shield-check" aria-hidden="true"></i>Security</a>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1174" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1175" class="pb-3">
<h3 class="h6">Performance</h3>
<p class="small">We measure success by how many members come back and tell their friends. We keep things simple, so you can focus on what matters to you. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<p class="small">Our team has done this many times, so you never have to guess. Cash flow forecasts show where you will be next month, not just today. We listen first, then build a plan around what you actually need. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">Every detail is handled by people who care about getting it right. Thousands of members already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$13.53 / mo
- Instant notifications
- No hidden fees
- Instant notifications
Team
$31.78 / mo
- Spending limits
- No hidden fees
- Accounting sync
Business
$51.31 / mo
- Instant notifications
- Instant notifications
- Accounting sync
<nav id="spy-nav-1179" class="nav nav-pills justify-content-center mb-2">
<a class="nav-link" href="#spy-1180">Starter</a><a class="nav-link" href="#spy-1181">Team</a><a class="nav-link" href="#spy-1182">Business</a>
</nav>
<div class="position-relative border rounded p-3 bg-body-tertiary" style="height:230px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1179" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1180" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Starter</h3>
<p class="fs-4 fw-bold mb-1">$13.53<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Instant notifications</li>
<li>No hidden fees</li>
<li>Instant notifications</li>
</ul>
</div>
</div>
<div id="spy-1181" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Team</h3>
<p class="fs-4 fw-bold mb-1">$31.78<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Spending limits</li>
<li>No hidden fees</li>
<li>Accounting sync</li>
</ul>
</div>
</div>
<div id="spy-1182" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Business</h3>
<p class="fs-4 fw-bold mb-1">$51.31<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Instant notifications</li>
<li>Instant notifications</li>
<li>Accounting sync</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: How a coffee roaster cut card fees by a third
We measure success by how many members come back and tell their friends. We listen first, then build a plan around what you actually need. No monthly fees on the basic plan and no hidden charges on transfers.
Start in minutes and get help from a real person whenever you need it. Real people answer your questions around the clock, every day of the year. Clear prices, honest advice and no surprises along the way. Your money is protected by bank-grade security and regulated partners.
Chapter 2: How we keep your money safe
Send and receive money in more than 30 currencies at fair exchange rates. Accounting sync keeps your books up to date without manual exports. Issue virtual and physical cards to your team with limits you control.
Every payment appears instantly, with receipts matched automatically. Invoices go out with a payment link, so customers can pay you in one click. Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you.
Chapter 3: The small habits that make a big difference
Set approval rules for large payments and see who spent what, and why. Thousands of members already trust us, and we work hard to keep it that way. Cash flow forecasts show where you will be next month, not just today. Invoices go out with a payment link, so customers can pay you in one click.
Friendly people answer your questions quickly, by phone, chat or email. Open a business account online in about ten minutes, with no branch visit. Issue virtual and physical cards to your team with limits you control.
Chapter 4: What our members asked us most
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. Send and receive money in more than 30 currencies at fair exchange rates.
We measure success by how many members come back and tell their friends. Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need.
<nav id="spy-nav-1183" class="nav nav-tabs mb-0 small">
<a class="nav-link" href="#spy-1184">Chapter 1</a><a class="nav-link" href="#spy-1185">Chapter 2</a><a class="nav-link" href="#spy-1186">Chapter 3</a><a class="nav-link" href="#spy-1187">Chapter 4</a>
</nav>
<div class="position-relative border rounded p-3 border-top-0 rounded-top-0 lh-lg" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1183" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1184" class="pb-3">
<h3 class="h6">Chapter 1: How a coffee roaster cut card fees by a third</h3>
<p class="small">We measure success by how many members come back and tell their friends. We listen first, then build a plan around what you actually need. No monthly fees on the basic plan and no hidden charges on transfers.</p>
<p class="small">Start in minutes and get help from a real person whenever you need it. Real people answer your questions around the clock, every day of the year. Clear prices, honest advice and no surprises along the way. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: How we keep your money safe</h3>
<p class="small">Send and receive money in more than 30 currencies at fair exchange rates. Accounting sync keeps your books up to date without manual exports. Issue virtual and physical cards to your team with limits you control.</p>
<p class="small">Every payment appears instantly, with receipts matched automatically. Invoices go out with a payment link, so customers can pay you in one click. Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: The small habits that make a big difference</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Thousands of members already trust us, and we work hard to keep it that way. Cash flow forecasts show where you will be next month, not just today. Invoices go out with a payment link, so customers can pay you in one click.</p>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Open a business account online in about ten minutes, with no branch visit. Issue virtual and physical cards to your team with limits you control.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: What our members asked us most</h3>
<p class="small">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. Send and receive money in more than 30 currencies at fair exchange rates.</p>
<p class="small">We measure success by how many members come back and tell their friends. Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
Payroll runs on time, with tax and pension payments handled for you. Accounting sync keeps your books up to date without manual exports. Cash flow forecasts show where you will be next month, not just today.
Notifications
Your money is protected by bank-grade security and regulated partners. Real people answer your questions around the clock, every day of the year. Start in minutes and get help from a real person whenever you need it. No monthly fees on the basic plan and no hidden charges on transfers.
Privacy
Set approval rules for large payments and see who spent what, and why. Thousands of members already trust us, and we work hard to keep it that way. We keep things simple, so you can focus on what matters to you. Every payment appears instantly, with receipts matched automatically.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-1188" class="list-group list-group-flush border rounded">
<a class="list-group-item list-group-item-action" href="#spy-1189">Profile</a><a class="list-group-item list-group-item-action" href="#spy-1190">Notifications</a><a class="list-group-item list-group-item-action" href="#spy-1191">Privacy</a>
</div>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1188" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1189" class="pb-3">
<h3 class="h6">Profile</h3>
<div class="mb-2">
<label for="spy-in-1192" class="form-label small">Display name</label>
<input class="form-control form-control-sm" id="spy-in-1192" value="Kenji Whitaker">
</div>
<div class="mb-2">
<label for="spy-in-1193" class="form-label small">City</label>
<input class="form-control form-control-sm" id="spy-in-1193" value="Singapore">
</div>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Accounting sync keeps your books up to date without manual exports. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
<div id="spy-1190" class="pb-3">
<h3 class="h6">Notifications</h3>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1194" checked>
<label class="form-check-label small" for="spy-sw-1194">Product news</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1195">
<label class="form-check-label small" for="spy-sw-1195">Weekly digest</label>
</div>
<p class="small">Your money is protected by bank-grade security and regulated partners. Real people answer your questions around the clock, every day of the year. Start in minutes and get help from a real person whenever you need it. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
<div id="spy-1191" class="pb-3">
<h3 class="h6">Privacy</h3>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="spy-sw-1196">
<label class="form-check-label small" for="spy-sw-1196">Hide my profile from search</label>
</div>
<p class="small">Set approval rules for large payments and see who spent what, and why. Thousands of members already trust us, and we work hard to keep it that way. We keep things simple, so you can focus on what matters to you. Every payment appears instantly, with receipts matched automatically.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Research
- Mia LindqvistCustomer Success
- Maya MoreauProject Manager
- Liam NguyenData Analyst
Sales
- Mia PatelFrontend Engineer
- Lucas HughesSales Executive
- Priya HarlowFinance Lead
Engineering
- Ella RossiSupport Specialist
- Ava OrtegaProduct Designer
- Ethan SatoFinance Lead
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Research</a><a class="nav-link" href="#spy-1199">Sales</a><a class="nav-link" href="#spy-1200">Engineering</a>
</nav>
<div class="position-relative border rounded p-3" style="height:230px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1197" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1198" class="pb-3">
<h3 class="h6">Research</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-9.svg" class="rounded-circle" width="36" height="36" alt="Mia Lindqvist"><div><div class="small fw-semibold">Mia Lindqvist</div><div class="small text-body-secondary">Customer Success</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-circle" width="36" height="36" alt="Maya Moreau"><div><div class="small fw-semibold">Maya Moreau</div><div class="small text-body-secondary">Project Manager</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-2.svg" class="rounded-circle" width="36" height="36" alt="Liam Nguyen"><div><div class="small fw-semibold">Liam Nguyen</div><div class="small text-body-secondary">Data Analyst</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Sales</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-circle" width="36" height="36" alt="Mia Patel"><div><div class="small fw-semibold">Mia Patel</div><div class="small text-body-secondary">Frontend Engineer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-4.svg" class="rounded-circle" width="36" height="36" alt="Lucas Hughes"><div><div class="small fw-semibold">Lucas Hughes</div><div class="small text-body-secondary">Sales Executive</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-5.svg" class="rounded-circle" width="36" height="36" alt="Priya Harlow"><div><div class="small fw-semibold">Priya Harlow</div><div class="small text-body-secondary">Finance Lead</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Engineering</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-7.svg" class="rounded-circle" width="36" height="36" alt="Ella Rossi"><div><div class="small fw-semibold">Ella Rossi</div><div class="small text-body-secondary">Support Specialist</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-10.svg" class="rounded-circle" width="36" height="36" alt="Ava Ortega"><div><div class="small fw-semibold">Ava Ortega</div><div class="small text-body-secondary">Product Designer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-7.svg" class="rounded-circle" width="36" height="36" alt="Ethan Sato"><div><div class="small fw-semibold">Ethan Sato</div><div class="small text-body-secondary">Finance Lead</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Invoices
- Savings vaultFree
- Virtual cardFree
- Basic accountFree
Payroll
- Invoice pack$9.00
- Expense add-on$6.00
- Business loanFree
Payments
- Team cards$15.00
- Business loanFree
- Payroll module$26.99
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Invoices</a><a class="nav-link" href="#spy-1203">Payroll</a><a class="nav-link" href="#spy-1204">Payments</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1201" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1202" class="pb-3">
<h3 class="h6">Invoices</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Savings vault</span><span class="fw-semibold">Free</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Virtual card</span><span class="fw-semibold">Free</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Basic account</span><span class="fw-semibold">Free</span></li>
</ul>
</div>
<div id="spy-1203" class="pb-3">
<h3 class="h6">Payroll</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Invoice pack</span><span class="fw-semibold">$9.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Expense add-on</span><span class="fw-semibold">$6.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Business loan</span><span class="fw-semibold">Free</span></li>
</ul>
</div>
<div id="spy-1204" class="pb-3">
<h3 class="h6">Payments</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Team cards</span><span class="fw-semibold">$15.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Business loan</span><span class="fw-semibold">Free</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Payroll module</span><span class="fw-semibold">$26.99</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
Accounting sync keeps your books up to date without manual exports. Payroll runs on time, with tax and pension payments handled for you. We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it.
This week
Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need. Your money is protected by bank-grade security and regulated partners. Clear prices, honest advice and no surprises along the way.
Later
Open a business account online in about ten minutes, with no branch visit. No monthly fees on the basic plan and no hidden charges on transfers. Invoices go out with a payment link, so customers can pay you in one click.
<div class="card">
<div class="card-header">
<nav id="spy-nav-1205" class="nav nav-pills card-header-pills">
<a class="nav-link" href="#spy-1206">Today</a><a class="nav-link" href="#spy-1207">This week</a><a class="nav-link" href="#spy-1208">Later</a>
</nav>
</div>
<div class="card-body p-0">
<div class="position-relative border rounded p-3 border-0 rounded-0" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1205" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1206" class="pb-3">
<h3 class="h6">Today</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. Payroll runs on time, with tax and pension payments handled for you. We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need. Your money is protected by bank-grade security and regulated partners. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">Open a business account online in about ten minutes, with no branch visit. No monthly fees on the basic plan and no hidden charges on transfers. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
Friendly people answer your questions quickly, by phone, chat or email. Real people answer your questions around the clock, every day of the year. Every payment appears instantly, with receipts matched automatically. Thousands of members already trust us, and we work hard to keep it that way.
Orbit
Set approval rules for large payments and see who spent what, and why. Issue virtual and physical cards to your team with limits you control. We measure success by how many members come back and tell their friends.
Landing
Send and receive money in more than 30 currencies at fair exchange rates. Cash flow forecasts show where you will be next month, not just today. Our team has done this many times, so you never have to guess. Your money is protected by bank-grade security and regulated partners.
<div data-ui-theme="dark" class="bg-dark text-body rounded p-3">
<nav id="spy-nav-1209" class="nav nav-pills mb-2">
<a class="nav-link" href="#spy-1210">Launch</a><a class="nav-link" href="#spy-1211">Orbit</a><a class="nav-link" href="#spy-1212">Landing</a>
</nav>
<div class="position-relative border rounded p-3 border-secondary" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1209" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1210" class="pb-3">
<h3 class="h6">Launch</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Real people answer your questions around the clock, every day of the year. Every payment appears instantly, with receipts matched automatically. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Issue virtual and physical cards to your team with limits you control. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">Send and receive money in more than 30 currencies at fair exchange rates. Cash flow forecasts show where you will be next month, not just today. Our team has done this many times, so you never have to guess. Your money is protected by bank-grade security and regulated partners.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Nov 17, 2025
- NewAccounting sync keeps your books up to date without manual exports.
- ImprovedNo monthly fees on the basic plan and no hidden charges on transfers.
- FixedIssue virtual and physical cards to your team with limits you control.
v3.1 Jul 27, 2026
- NewWe keep things simple, so you can focus on what matters to you.
- ImprovedThousands of members already trust us, and we work hard to keep it that way.
- FixedEvery payment appears instantly, with receipts matched automatically.
v3.0 Jul 26, 2026
- NewOpen a business account online in about ten minutes, with no branch visit.
- ImprovedSet approval rules for large payments and see who spent what, and why.
- FixedWe measure success by how many members come back and tell their friends.
v2.9 Nov 1, 2025
- NewEvery detail is handled by people who care about getting it right.
- ImprovedPayroll runs on time, with tax and pension payments handled for you.
- FixedInvoices go out with a payment link, so customers can pay you in one click.
<div class="row g-3">
<div class="col-3">
<nav id="spy-nav-1213" class="nav nav-pills flex-column small">
<a class="nav-link" href="#spy-1214">v3.2</a><a class="nav-link" href="#spy-1215">v3.1</a><a class="nav-link" href="#spy-1216">v3.0</a><a class="nav-link" href="#spy-1217">v2.9</a>
</nav>
</div>
<div class="col-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1213" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1214" class="pb-3">
<h3 class="h6">v3.2 <small class="text-body-secondary fw-normal">Nov 17, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Accounting sync keeps your books up to date without manual exports.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>No monthly fees on the basic plan and no hidden charges on transfers.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Issue virtual and physical cards to your team with limits you control.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Jul 27, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>We keep things simple, so you can focus on what matters to you.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Thousands of members already trust us, and we work hard to keep it that way.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Every payment appears instantly, with receipts matched automatically.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Jul 26, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Open a business account online in about ten minutes, with no branch visit.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Set approval rules for large payments and see who spent what, and why.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We measure success by how many members come back and tell their friends.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Nov 1, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Every detail is handled by people who care about getting it right.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Payroll runs on time, with tax and pension payments handled for you.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Invoices go out with a payment link, so customers can pay you in one click.</li>
</ul>
</div>
</div>
</div>
</div>