Loading...

Button

Beautiful buttons style
Home / Elements / Button

Black Bordered Buttons

Using custom classes for button sizes (.btn, .small , .big)

Sign up Explore See live demo

Rounded Buttons

Make buttons rounded by adding the '.btn-round' class.

Sign up Explore See live demo

Filled Buttons

Modify any button to be filled by adding the '.bg-black', 'bg-white' class.

Sign up Explore See live demo

Alternate text button style

Make button with alternate text by adding class '.btn-style-2'

First text Second text First text Second text See live demo Play

Bordered bottom button style

Make button with bordered button on hover by adding class '.btn-style-3'

Button Button Button

Button style

Make button with alternate text with hover effect by adding class '.btn-style-7'

Sign up Explore See live demo

Button with icon

Make button with icon by adding class '.btn-icon'

Button on image section

You can use any combination in image section

Sign up Explore See live demo See live demo First text Second text Button Explore

Button with icon

Make button with icon by adding class '.btn-icon'

Good design is obvious. Great design is transparent

— Joe Sparano