Basic Elements

Button States

Button Sizes

Button Variants

Dropdowns

Inputs

Input Variants

@
@
@
@

Typeahead

File Input

  Attach File   Change ×
Select file   Change   Remove
  Select image   Change   Remove
...
  Select image   Change   Remove

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

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

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

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

Navbar

Dialog

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

Video

Icons