Vertical rail navbar
A fixed 88px left rail for a studio site: rotated wordmark, four numbered links with a pink block that follows the section in view, local time at the foot.
Website sections
Nav bars & menus
011 pieces Sort
Room
Platform
Motion
Style
Split navbar with centred wordmark
Links split left and right of a centred serif wordmark over a dark hero. After 80px of scroll it turns into a paper bar and the wordmark shrinks 40px to 24px.
Section-tagline nav pill
A dark floating nav pill whose centre tagline rolls to a new cheeky line per section, opens into a menu drawer, and sits beside a stack of collapsible cards.
Product mega menu grid
A white SaaS navbar whose Product item opens a full-width panel: three product columns, a by-team column and a release card, with hover intent and full keys.
Hide-on-scroll navbar
A docs-site header with a dismissible announcement bar. It slides away when you scroll down, returns with a shadow when you scroll up, and underlines the section in view.
Hamburger circle reveal
A 44px menu button morphs into an X while a black panel grows out of it as a clip-path circle, then five 40px grotesk links rise in on a 50ms stagger.
Gooey nav
Four yard links. A green pill slides under the current one and softens through a goo filter.
Island morph navbar
A centred black island in the header morphs 184×44 to 392, 480 or 540px for now-playing, a co-host ping and search, on a 520ms spring.
Floating pill navbar
A full-width transparent nav over a dusk hero that shrinks into a 780px frosted pill on scroll, with a sliding active-section capsule.
Full-screen mobile menu
A hamburger that morphs into an X while the page fades, the background shifts from cream to navy and five 64px serif links rise in with a 55ms stagger, plus a small-links row and a language switch.
Editorial mega menu
A newspaper-style top nav whose full-width panel animates its height between sections, with a 2px underline that slides between labels and a featured story card.
No pieces match those filters. and try again.