Drilldown Navigation
Levels replace each other instead of stacking — Back returns you to your place
Navigation
Navigation: 33 designs across 5 families — Navigation patterns · Navbars · Pagination · Popover · Sidebars
Designs — Page 1 of 2
Priority Navigation
What does not fit moves into More — moved, not copied, and it comes back
Navbar with Account and Alerts
Two separate menus — opening one closes the other
Navbar with Announcement Bar
A promo strip above with a real timer that stays dismissed
Compact App Bar
The slimmest size, with a project switcher and a command key
Navbar with Breadcrumb
A hierarchical trail whose separators mirror with direction
Navbar with Mega Menu
A multi-column panel that closes on Escape and outside click
Mobile Navbar with Sheet
A hamburger that opens a full sheet and traps focus
Navbar with Centre Search
The search expands on focus without shifting the layout
Navbar with Secondary Tabs
Two rows: identity above, tabs below with a sliding indicator
Transparent Navbar that Fills
Transparent over the hero, gains a background on scroll
Infinite Scroll That Ends
An observer that fetches near the edge and stops with an announcement instead of spinning forever
Load More with Honest Count
It announces what remains — not what loaded — and retires at the end instead of staying a dead button
Windowed Pagination
A page-number window whose width never changes as the reader moves
Sidebar with Live Badges
Counters that change and announce themselves to screen readers
Sidebar with Command Palette
Ctrl+K opens a search that jumps anywhere by keyboard alone
Icon Rail with Tooltips
As narrow as it gets — the label appears on hover and focus