Buttons
Tons of button types for your website. From a simple colored button to a more advanced dropdown button.
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
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
Buttons Icons
Refresh Cloud GET STARTED NOW