πŸ“„ tailwindcss/plus/ui-blocks/application-ui/navigation/vertical-navigation

File: vertical-navigation.md | Updated: 11/15/2025

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

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

Vertical Navigation

Use these Tailwind CSS vertical navigation components to create menus that fit perfectly into your application's sidebar, featuring section headings, badges, and icon links. These navigation components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Simple


Preview

Get the code β†’

Simple


Preview

Get the code β†’

With badges


Preview

Get the code β†’

With badges


Preview

Get the code β†’

With icons and badges


Preview

Get the code β†’

With icons and badges


Preview

Get the code β†’

With icons


Preview

Get the code β†’

With icons


Preview

Get the code β†’

With secondary navigation


Preview

Get the code β†’

With secondary navigation


Preview

Get the code β†’

On gray


Preview

Get the code β†’

On gray


Preview

Get the code β†’