Buttons

example buttons

Standard buttons:

Primary Secondary Success Danger Warning Info Light Gray Dark Link

Button tags:

Link

Shadow buttons:

Primary Secondary Success Danger Warning Info Light Gray Dark Link

Outline buttons:

Primary Secondary Success Danger Warning Info Light Gray Dark Link

Outline buttons with shadows:

Primary Secondary Success Danger Warning Info Light Gray Dark Link

Button group:

Left Middle Right

Button toolbar:

Disabled state:


Link Link Link Link Link Link Link Link Link Link


Link Link Link Link Link Link Link Link Link Link

Toggle states:


Checkbox and radio buttons:

DropdownButtons

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Dropdowns buttons with shadow:

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Dropdowns outline buttons:

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Dropdowns outline buttons with shadow:

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Split dropdown buttons:

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Split dropdown outline buttons:

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Dropdown buttons with forms:

New around here? Sign up Forgot password?

SocialButtons

Button Facebook Button Twitter Button Dropbox Button Linkedin Button Pinterest Button Google Button Instagram Button Tumblr Button VK Button Flickr Button Soundcloud Button Yahoo Button Dribbble Button Youtube Button Behance

Mini social buttons:

















PlayButtons



RoundedButtons

Primary Secondary Success Danger Warning Info Light Gray Dark Link
Primary Secondary Success Danger Warning Info Light Gray Dark Link
Primary Secondary Success Danger Warning Info Light Gray Dark Link
Primary Secondary Success Danger Warning Info Light Gray Dark Link
Primary Secondary Success Danger Warning Info Light Gray Dark Link

Fully rounded buttons:

Primary Secondary Success Danger Warning Info Light Gray Dark Link

ButtonSizes

Primary Secondary Success Danger Warning Info Light Gray Dark Link
Primary Secondary Success Danger Warning Info Light Gray Dark Link
Primary Secondary Success Danger Warning Info Light Gray Dark Link
Primary Secondary Success Danger Warning Info Light Gray Dark Link
Primary Secondary Success Danger Warning Info Light Gray Dark Link

Button block sizes: