Source: https://tailwindcss.com/plus/ui-blocks/application-ui/navigation/navbars

Application Shells
Headings
Data Display
Lists
- Stacked Lists
- Tables
- Grid Lists
- Feeds
Forms
Feedback
- Alerts
- Empty States
Navigation
Overlays
Elements
- Avatars
- Badges
- Dropdowns
- Buttons
- Button Groups
Layout
Page Examples

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

Navbars

Use these Tailwind CSS navbar components to help users get around your application with responsive navigation bars featuring search bars, menus, and quick action buttons. These navbars are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Simple dark with menu button on left

PreviewCode

HTMLReactVue

Simple dark with menu button on left

PreviewCode

HTMLReactVue

Dark with quick action

Preview

📄 tailwindcss/plus/ui-blocks/application-ui/navigation/navbars

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/navigation/navbars

Application Shells

Headings

Data Display

Lists

Forms

Feedback

Navigation

Overlays

Elements

Layout

Page Examples

Build UIs that don’t suck.

Navbars