Buttons

Tons of button types for your website. From a simple colored button to a more advanced dropdown button.

View Examples
Buy T3Karma

Default

These are the default button style, select between any color you want.

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Rounded

Rounded button style using any color from skin.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Square

Square button style using any color from skin.

Primary  Secondary  Tertiary  Quaternary 

Success  Danger  Warning  Info  Light  Dark

Outline

Outline button style using any color from skin.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Outline Rounded

Same as default outline but with rounded borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Outline Square

Same as default outline but with square borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

3D

Alternative 3d style with any skin color.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

3D Rounded

Same as default 3D but with rounded borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

3D Square

Same as default 3D but with square borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Modern

Modern style alternative, with any skin color.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Modern Rounded

Same as default modern style but with rounded borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Modern Square

Same as default modern style but with square borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Gradient

Gradient style alternative, using the skin color.

 

Primary  Secondary  Tertiary  

Gradient Outline

Same as default gradient style but with outline borders.

 

Primary  

Shadow

Shadow style alternative, using the skin color.

 

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Disbaled

Primary  Secondary  Tertiary  Quaternary

Block Buttons

Primary 

Toggle States

 

Checkbox Buttons

 

Radio Buttons

   

Dropdown Buttons

Dropdown Link
  
Dropdown Link
  

Arrow Buttons

Primary    Secondary    Tertiary    Quaternary   Dark  

Arrow Buttons Outline

Primary  Secondary  Tertiary  Quaternary Dark

Sizes

Extra Large Size  Extra Large Size  Extra Large Size

  Large Size Large Size​​​​​​  Large Size

Default Size  Default Size  Default Size

Small Size Small Size Small Size

Extra Small Size Extra Small Size Extra Small Size

Link Buttons Effects

Primary Link 1     Primary Link 2     Primary Link 3     Primary Link 4

Secondary Link 1     Secondary Link 2     Secondary Link 3     Secondary Link 4

Tertiary Link 1     Tertiary Link 2     Tertiary Link 3     Tertiary Link 4

Quaternary Link 1     Quaternary Link 2     Quaternary Link 3     Quaternary Link 4

Dark Link 1     Dark Link 2     Dark Link 3     Dark Link 4

Buttons Icons

Refresh  Cloud        GET STARTED NOW 

Buttons With Badge

PurchaseOnly $17