You Are Here

A navigation bar that knows where the visitor is. Point an item at a page and it lights on that page by itself, with no variant to set per page: it reads Framer's own page links, so the lit item and its aria-current are in the page's HTML before any script runs.

On a one page site, point items at sections (a frame with a scroll target) and the item for the section being read lights as the visitor scrolls. A press lights an item at once and holds it while the page travels there, and a short last section still lights at the foot of the page.

Below a width you set, measured on the bar itself rather than the window, it folds into a menu button, so it folds right in a sidebar or a narrow column too. The button says whether the menu is open; Escape or a press outside closes it, and focus goes back to the button.

A pill or an underline marker that slides from item to item, a full-width bar or a floating capsule, a brand name or logo, a button, both fonts and every colour are controls. The slide is skipped for a visitor who asks for reduced motion.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev