Basic Buttons

Bootstrap buttons:
The .btn classes are designed to be used with <button>, <a> and <input> elements.
Link Metal
Button states:
Keen custom buttons:
Keen base buttons:

Button Customization

Large buttons:


Small buttons:
Font settings:
Wide buttons:
Tall buttons:

Outline Buttons

Default outline buttons:
Hover outline buttons:

Elevated Buttons

Default effect:
           
           
           
Hover air effect:
         
         
         

Pill Buttons

Default options:
         
Elevation options:
         

Square Buttons

Default options:
         
Elevation options:
         

With Icons

Default options with Fontawesome 5 icons:
         
Elevation options with Lineawesome icons:
         
Pill options with Flaticon icons:
         
Size options:
         

Icon Only

Default options with Fontawesome 5 icons:
               
Elevation options with Lineawesome icons:
               
Circle options with Flaticon icons:
               
Size options:
                   
         

Label Style

You can use the buttons styles for labels with span tag:
Primary  Success  Info  Danger  Warning 
Label pill style:
Primary  Success  Info  Danger  Warning 
Link labels:
Label sizing:
Primary  Success  Info  Danger  Warning 

Quick Actions

Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Notifications
Orders
Customers

Select A Demo

Demo 7
Demo 8
Demo 9
Buy Keen Now!