Nav Bars
View Sticky top nav
Logo, links, and CTA
16 PROMPTS · NAV BARS
Navigation Prompts & Tailwind Code
Sticky headers, mega menus, mobile drawers, floating pill navs, breadcrumb page headers and announcement bars. Each prompt covers the mobile breakpoint and the open/closed states, not just the desktop row.
Nav Bars
16 prompts 
Nav Bars
View Nav with mega dropdown
Hover panel of grouped links
Nav Bars
View Floating pill nav
Detached rounded bar over the page
Nav Bars
View App bar with search and tabs
Product header plus section tabs
Nav Bars
View Collapsible sidebar nav
Grouped vertical menu that shrinks to icons
Nav Bars
View Docs bar with version switcher
Breadcrumb, version dropdown, older-release notice
Nav Bars
View Mobile drawer menu
Hamburger that slides a full-height panel in
Nav Bars
View Nav with announcement bar
Dismissible notice sitting above the header
Nav Bars
View Sliding underline tabs
Indicator that animates between sections
Nav Bars
View Workspace switcher nav
App bar with a searchable tenant dropdown
Nav Bars
View Shrink-on-scroll nav
Tall header that compacts once the page moves
Nav Bars
View Shop nav with cart badge
Category row, search and a basket count
Nav Bars
View Breadcrumb page header
Location, title and the actions for this record
Nav Bars
View Bottom tab bar
Mobile app navigation pinned to the bottom edge
Nav Bars
View Nav with currency and language
International storefront controls in the bar
Nav Bars
View Anchor nav with scroll spy
Section links that follow the reader down the page