# Navigation

> Headers, navbars and mega menus.

- [Fullscreen Menu](https://www.assembli.design/components/fullscreen-menu.md): Header with a takeover menu: an inverted circle wipes out from the toggle, giant links rise out of masks one by one, hovering one dims the rest, and Escape returns focus to the button.
- [Notch Tab Bar](https://www.assembli.design/components/notch-tab-bar.md): Mobile bottom tab bar with a curved cutout that glides under the active tab while its icon floats up in a coloured bubble.
- [Scrollspy Contents](https://www.assembli.design/components/toc-scrollspy.md): On-this-page table of contents that tracks the section in view, with a sliding indicator, nested levels and a reading progress line.
- [Island Nav](https://www.assembli.design/components/island-nav.md): Header that starts as a full-width bar and, once you scroll, springs into a floating frosted pill: width, radius, padding and shadow all animate. Hover highlight glides between links.
- [Mega Menu](https://www.assembli.design/components/mega-menu.md): Stripe-style navigation with one shared dropdown surface that resizes and slides between panels instead of closing and reopening; panel contents cross-fade in the direction you moved.
- [Pill Nav](https://www.assembli.design/components/pill-nav.md): Floating frosted navbar where a pill glides between links on hover (shared layout animation), the current page gets a dot, and mobile opens a staggered sheet.
- [Morph Nav](https://www.assembli.design/components/morph-nav.md): Floating pill navbar with a mega-menu panel that glides under the hovered item and morphs its width and height to fit the content, sliding panels directionally. Opens on hover, focus or click; Escape closes.

Back to [all components](https://www.assembli.design/components.md).