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

Radio buttons

Progress Bars

Default

Medium

Large

75%

Striped

Success

Info

Warning

Multiple bars

Badges

Default Primary Success Info Warning Danger

Notifications

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

Avatar

Circle

Avatar

Thumbnail

Avatar

Raised

Avatar

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 under Creative Commons Attribution 4.0 license. Click the button below to download the HTML version from Wired Dots.

Download HTML

Upgrade to Pro Version

We are working on Wired UI Kit Pro which will be released soon. The pro version will have a huge number of components, sections, icons, plugins and example pages. Join the waiting list to get notified when we release it (plus discount code).

Join Waiting List

Share with your friends


© 2017 Wired UI Kit. A FREE Bootstrap 4 UI Kit by Wired Dots. Designed by @attacomsian