Button components using Tailwind CSS to speed up your project.

You can edit the code in every editor and see changes live!

Button sizes

Different sizes of a button component.


Block button

A full-width block button.

Button colors

Some color variations.

Outline button

Outlined button.

Button with icon right

Button with SVG icon right.

Button with icon left

Button with SVG icon left.

Button group

Group of two or more buttons.

Pill button

Button with full rounded sides.

Icon button

Button with icon.


Dropdown button with left aligned menu. mb-32 added just for the example.