NavBar Scroll Pill

NavBar Scroll Pill
NavBar Scroll Pill

About NavBar Scroll Pill

Dynamic Island Scroll-Tracker Navbar

Elevate your site’s user experience with the Dynamic Island Scroll-Tracker Navbar, a modern, lightweight navigation bar built natively for Framer. Designed with sleek dual link pills and an intelligent indicator, this component offers smooth, fluid section tracking that elevates modern portfolios and tech landing pages.

  • Dynamic Island Indicator: Features a fluid, pill-shaped section denoter inspired by modern UI paradigms that seamlessly shifts and expands to reflect the active section.

  • Dual-Trigger Responsiveness: Intelligently switches state both on scroll-spy (as the user moves down the page) and on manual click, providing instant tactile feedback.

  • Dual Link Pill Layout: A balanced, compact design layout framing your key navigation links while keeping the dynamic indicator front and center.

  • 100% Fully Flexible & Customizable: Easily adjust colors, padding, corner radius, glass blur, scroll offsets, and active state transitions directly inside the Framer to match any brand design system.

From KravDzin

Fluid Mega Nav-bar
Liquid-glass Nav Bar
Navigation Bar Hover
Liquid Glass Navmenu

Related Components

Portfolio Rows
SaaS Navbar
Sidebar Navigation
Dynamic Nav