Tailwind CSS React Button - Horizon UI

Use our buttons based on Tailwind CSS React for actions in forms, dialogues, and more with support for multiple sizes, states, and more.

Buttons are an essential element of web design. Basically, buttons are styled links that grab the user's attention. They help users navigate our websites or apps and drive them to a particular action like submitting a contact form, or placing an order as easily as possible.

See below our button components examples.


Default Button

Use the following examples to implement a simple default button element for your Tailwind CSS React project.


Pills Button

Use the following examples to implement a fully rounded button in your Tailwind CSS React project.


Gradient Button

Use the following examples to implement a fully styled gradient button in your Tailwind CSS React project.


Outlined Button

Use the following examples to implement an outlined button in your Tailwind CSS React project.


Button Sizes

Use the following examples to create buttons in different sizes for your TailwindCSS project.


Button with Icon

Use the following examples to add a SVG icon inside your TailwindCSS button.


Misc Button

Use the following examples to implement payment and miscellaneous checkout buttons in your CSS Tailwind project, such as Paypal, Credit Card, Bitcoin, Ethereum, Apple Pay, Google Pay, and so on.