Scrollspy Navbar
Framer Component · Navigation · 2026
Overview
A floating pill nav that always knows where you are on the page.
The active pill glides between items as you scroll or click. The product is built for portfolios and product pages where sections deserve their own navigation. Glassmorphism, spring physics, and every color, radius, and padding exposed as props.
Highlights
Section links and page links live in one pill so the project pages never need a second nav.
Animated sliding pill, smooth scroll, robust scrollspy
Section items + page links in one navbar
Glass, shadow, colors, spacing, typography (all sidebar controls)
5 included style presets
Accessible: keyboard focus, reduced motion, aria-current
Responsive: desktop, tablet, and scrollable mobile
