Scrollspy
A sticky nav that highlights the section currently in view.
Introduction
Scrollspy automatically updates the navigation to indicate which section is currently in the viewport. Click any link to smoothly scroll to that section, or scroll the page and watch the active item update in real time.
This implementation uses the native IntersectionObserver API — no plugins, no jQuery, fully theme-aware.
Features
Smooth scrolling, automatic active-state tracking, a sticky side navigation, and a responsive layout that collapses the nav to the top on small screens.
Pricing
Flexible plans for teams of every size. Every tier includes the full component library and free updates.
FAQ
Can I use this in production?
Yes — it is built entirely on standard browser APIs and ships with the design system.
Does it support light mode?
Absolutely. Every colour is a design token that flips automatically with the theme.
Is it accessible?
Links are real anchors with smooth-scroll fallback, so keyboard and screen-reader users are fully supported.
Support
Need a hand? Reach the team any time — we typically reply within a few hours.