Website navbar · Apple

A responsive site header with logo, links, a call to action and a mobile menu that switches layout by its own width.

Design · Apple2 / 20

apple.com-style global nav: frosted hairline bar, small grey links that darken when current, blue pill CTA and a hairline-separated menu list.

Motion

Menu rows (and desktop links) arrive one after another, 45 ms apart, sliding in from the left.

Accent

A responsive site header with logo, links, a call to action and a mobile menu that switches layout by its own width.

Category
Navigation
Designs
20
Motions
Cascade, Drop, Slide
Released
2026-11-16
navbarheadernavigationmarketingmenuresponsive

All 20 designs

tap to preview above

Related components

More navigation →

Sidebar

Navigation · Bento Dark