Wired UI Kit

A FREE UI Kit based on Bootstrap 4 Alpha 6

Free Download

Basic Components

Buttons

Multiple styles

Multiple sizes

Multiple colors

Button groups

Button dropdowns

Form Elements

Basic inputs

Input validation

Input sizes

Checkboxes

Unchecked Checked Disabled checked Disabled unchecked

Radio buttons

Radio is off Radio is on Disabled radio is off Disabled radio is on

Progress Bars

Default

Medium

Large

75%

Striped

Success

Info

Warning

Multiple bars

Badges

Default Primary Success Info Warning Danger

Navigation Pills

Pagination

1
2
3
5
6
7

1
...
20
21
22
...
30

1
2
3
4
5

Notifications

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

Tabs

Home: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Profile:Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Messages: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Settings: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Home: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Profile:Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Messages: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Settings: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Typography

Headings

h1. Boostrap 4 UI Kit

h2. Boostrap 4 UI Kit

h3. Boostrap 4 UI Kit

h4. Boostrap 4 UI Kit

h5. Boostrap 4 UI Kit

h6. Boostrap 4 UI Kit

Display Headings

Display 1

Display 2

Display 3

Display 4

Lead

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Paragraph

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Quote

The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.

Paul Rand

Muted Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Colored Text

Primary Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Success Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Info Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Warning Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Danger Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Media

Images

Rounded

Circle

Thumbnail

Raised

JavaScript Components

Modal

Popovers

Tooltips

Date Range Picker

Carousel

Icons

Wired UI Kit contains over 1200 icons from Ionicons & Font Awesome. Please check their documentation for all available icons.

Icon Examples

Icon Sizes

Love Wired UI Kit?

Wired UI Kit is available for FREE to download. Click the button below to download the HTML version.

Download HTML