Tailwind CSS Tabs

Use these Tailwind CSS tabs components to group content into tabbed sections, such as settings pages or resources in different states. These components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Tabs with underline

Get the code

Tabs with underline and icons

Get the code

Tabs in pills

Get the code

Tabs in pills on gray

Get the code

Tabs in pills with brand color

Get the code

Full-width tabs with underline

Get the code

Bar with underline

Get the code

Tabs with underline and badges

Get the code

Simple on dark

Get the code