Search
One index across every family, plus the documentation. Press ⌘K anywhere for the command palette.
15 results for “navbar”
Navigation
11- Centered navbarNavbars
Three equal grid tracks keep the link group optically centred whatever the brand or actions weigh.
- Ecommerce navbarNavbars
Announcement bar, category rail, search, account and a bag whose count is in the accessible name.
- Minimal navbarNavbars
Wordmark, four links, one action — with an in-flow mobile disclosure rather than a drawer.
- SaaS navbarNavbars
Product dropdown, flat secondary links, and a separated sign-in / sign-up pair.
- Split navbarNavbars
Two link groups flanking a centred brand, for products with a real product/resources divide.
- Editorial mastheadNavbars
A publication masthead: oversized serif wordmark, issue line, and a scrolling section rail.
- Mega menuNavbars
A wide three-column panel with a promoted card, built as a disclosure rather than an ARIA menu.
- Transparent over heroNavbars
A navbar with no background of its own, inheriting inverted ink from the hero beneath it.
- Command-driven navigationNavbars
Almost no chrome — a brand, a visible ⌘K affordance, and a palette that is the real navigation.
- Mobile-first tab barNavbars
A bottom tab bar with safe-area padding, promoted to a horizontal top bar at md.
- Product switcherNavbars
A workspace switcher in the leading position, because it changes the meaning of everything after it.
Patterns
4- Agency landing pageBusiness
Work first, then process, then people — with the contact block folded into the footer.
- Product launch pageLanding
A single moment, with what shipped before what is next and an interactive preview in the middle.
- SaaS landing pageLanding
Eleven blocks in the order a subscription product needs: claim, proof, mechanism, evidence, price, objections, action.
- Startup landing pageLanding
Short, direct, and explicit about scope — with the limits stated early.