Navbar
Top-level navigation bars.
Build faster, ship sooner
A clean top navigation bar for a marketing or product page.
Logo, left-aligned nav links and a sign-in / get-started pair, with a bottom border.
ReactTailwind
Centered navigation
Logo and CTA anchor the edges; links sit dead center with a two-column mega menu.
Logo and CTA anchor the edges; links sit dead center, with a two-column mega menu on 'Products'.
ReactTailwind
A floating capsule bar
Detached from the edges, gains a stronger shadow once you scroll.
A rounded, detached capsule bar that floats above the page and gains a shadow on scroll.
ReactTailwind
Acme
App-style navigation
A prominent search field with notifications and an avatar — built for dashboards, not marketing pages.
A prominent search field with notifications and an avatar — built for dashboards, not marketing pages.
ReactTailwind