πŸ“„ tailwindcss/plus/ui-blocks/application-ui/elements/buttons

File: buttons.md | Updated: 11/15/2025

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/elements/buttons

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

Buttons

Use these Tailwind CSS button components to surface the different actions someone can perform in your interface. These buttons are designed and built by the Tailwind CSS team, and include a variety of different sizes and styles, including primary and secondary action buttons.

Primary buttons


Preview

Get the code β†’

Primary buttons


Preview

Get the code β†’

Secondary buttons


Preview

Get the code β†’

Secondary buttons


Preview

Get the code β†’

Soft buttons


Preview

Get the code β†’

Soft buttons


Preview

Get the code β†’

Buttons with leading icon


Preview

Get the code β†’

Buttons with leading icon


Preview

Get the code β†’

Buttons with trailing icon


Preview

Get the code β†’

Buttons with trailing icon


Preview

Get the code β†’

Rounded primary buttons


Preview

Get the code β†’

Rounded primary buttons


Preview

Get the code β†’

Rounded secondary buttons


Preview

Get the code β†’

Rounded secondary buttons


Preview

Get the code β†’

Circular buttons


Preview

Get the code β†’

Circular buttons


Preview

Get the code β†’