Button

Home / Elements / Button

Predefined sizes are attached to the button size property, you’ll
be able to choose between the following sizes or make it custom.

Custom padding can be added to the button with unit
like pixels, em or %. Add it on each corner or all togethe

The angles of the borders can be curved to a different
radius for each border alone or together as one.

Radius 2px

Radius 10px

Radius 18px

Radius 50px

Variety of border types can be applied for each button
differently, also the size can be changed for each corner.

Solid

Double

Dotted

Dashsed

The border width can be easily enhanced for each
corner differently, or you can link them all together.

width 1px

width 2px

width 3px

width 4px

You can insert any icon from the font awesome
library right before the button text or after it.

Before Icon

Before Icon

Before Icon

Before Icon

You can insert any icon from the font awesome
library right before the button text or after it.

Before Icon

Before Icon

Before Icon

Before Icon

You can insert any icon from the font awesome
library right before the button text or after it.

Default Type

Info Type

Success Type

Warning Type

The same options are attached for the button hover,
freely to select any color from color picker.

Custom Color

Custom Color

Custom Color

Custom Color

More than 30 hover animations can be chosen,
for the animation of the button on mouseover.

Grow Animation

Shrink Animation

Pulse Animation

Pulse Grow Animation

Change the font family from more than 600 google fonts, or other
font properties like letter spacing, line-height and much more.

Inconsolata

Playfair Display

BioRhyme

Archivo Black