# 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

### 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.

##### 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

### Beauty of New York

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Previous Next

## 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

#### Share with your friends

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

#### Design

Design is the creation of a plan or convention for the construction of an object, system or measurable human interaction (as in architectural blueprints, engineering drawings, business processes, circuit diagrams, and sewing patterns).[1] Design has different connotations in different fields (see design disciplines below). In some cases, the direct construction of an object (as in pottery, engineering, management, coding, and graphic design) is also considered to use design thinking.

#### Design

Design is the creation of a plan or convention for the construction of an object, system or measurable human interaction (as in architectural blueprints, engineering drawings, business processes, circuit diagrams, and sewing patterns).