Button States

Primary Button Warning Button Default Button Danger Button
Success Button Inverse Button Info Button Disabled Button

Button Sizes

Huge Button Default Button Mini Button
Large Button Small Button

Button Variants

  It's a Huge Button Embossed Huge Fluid Button   It's a Large Button Embossed Large Fluid Button It's a Standard Button Embossed Standard Fluid Button   It's a Small Button Embossed Small Fluid Button   It's a Mini Button Embossed Mini Fluid Button

Dropdowns

Inputs

Input Variants

@
@
@
@

Autocomplete

Textarea

Tags

Labels

Default Primary Important Success Warning Info Inverse

Checkboxes &
Radio-buttons

Custom color

Switches

Navigation

Tabs

I'm in Section 1.

Howdy, I'm in Section 2.

Howdy, I'm in Section 3.

Icon Bars

Breadcrumbs

Shop

House Bedroom Bed Decor A-Z

Progress bars & Sliders




$500 $1000

Tooltips & Popovers

Smooth Title

And here's some amazing content. It's very engaging.
Right?

Smooth Title

And here's some amazing content. It's very engaging.
Right?

Social Buttons

Connect with Google
Pin It 100 Share 91 Stumble 45

Nav Lists

Alerts

Your computer restarted because of a problem. Sorry for any inconvenience and appreciate your patient.

Information Lable

An error message is information displayed when an unexpected condition occurs, usually on a computer or other device. On modern operating systems with graphical user interfaces, error messages are often displayed using dialog boxes.

Turn it off now It’s ok
Your computer restarted because of a problem. Sorry for any inconvenience and appreciate your patient.

Error: The change you wanted was rejected.

An error message is information displayed when an unexpected condition occurs, usually on a computer or other device. On modern operating systems with graphical user interfaces, error messages are often displayed using dialog boxes.

Turn it off now It’s ok
Your computer restarted because of a problem. Sorry for any inconvenience and appreciate your patient.

Disc Space was extended twice. It’s ok?

An error message is information displayed when an unexpected condition occurs, usually on a computer or other device. On modern operating systems with graphical user interfaces, error messages are often displayed using dialog boxes.

  Hurray! Share on twitter
Your computer restarted because of a problem. Sorry for any inconvenience and appreciate your patient.

Hey, Some problems on our servers.

An error message is information displayed when an unexpected condition occurs, usually on a computer or other device. On modern operating systems with graphical user interfaces, error messages are often displayed using dialog boxes.

Fix it Okey, no probs!

Modals

Modal header

An error message is information displayed when an unexpected condition occurs, usually on a computer or other device.

It’s ok Turn it off now.

Glyphs (52)

Additional (16)

Social (16)

Tables

Rank Name Year Rating Votes  
1 The Shawshank Redemption 1994 9.2 923,629
2 The Godfather 1972 9.2 663,133
3 The Godfather: Part II 1974 9.0 427,132
4 Pulp Fiction 1994 8.9 719,280
5 The Good, the Bad and the Ugly 1966 8.9 218,887
Rank Name Year Rating Votes
1 The Shawshank Redemption 1994 9.2 923,629
2 The Godfather 1972 9.2 663,133
3 The Godfather: Part II 1974 9.0 427,132
4 Pulp Fiction 1994 8.9 719,280
5 The Good, the Bad and the Ugly 1966 8.9 218,887
Rank Name Genre Votes Year Rating
1 The Shawshank Redemption Crime, Drama 923,629 1994 9.2
2 The Godfather Crime, Drama 663,133 1972 9.2
3 The Godfather: Part II Crime, Drama 427,132 1974 9.0
4 Pulp Fiction Crime, Drama 719,280 1994 8.9
5 The Good, the Bad and the Ugly Adventure, Western 218,887 1966 8.9
Activation link was sent to m***@gmail.com
Thank you! Your message has been sent.

Typography

Header 1Showers across the

Header 2Give this quartet a few

Header 3The Vatican transitions to a

Header 4Great American Bites: Telluride's Oak, The

Header 5Author Diane Alberts loves her some good
Header 6With the success of young-adult book-to-movie
Paragraph

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Image exaple-image

Note: gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Lead Text

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Quote

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus.

Steve Jobs, CEO Apple
Small Font

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Carousel

Icons