## Boomerang UI Kit

Free HTML UI Kit based on the well known Bootstrap 4 Framework brought to you by Webpixels

## Typography

Open in Docs
Regular

### Aa

Mist enveloped the ship three hours out from port.

Semi-bold

### Aa

A shining crescent far beneath the flying.

Bold

### Aa

A shining crescent far beneath the flying.

## Color palette

Open in Docs

Boomerang has extended the color palette that Bootstrap offers by default. Instead of two primary colors, you get now three. These can be easily customized using the included Sass files.

### Primary colors

#288cff
#e8f2ff
#192b3f

### Other colors

#ff3b00
#ff0033
#43c115
#73e9ef
#3f87f5

## Form elements

Open in Docs

We have extended the form functionalities by including more options and plugins such as: selectpickers, input masks, sliders, tags input, toggle switches, custom checkboxes and radio buttons. It is, by far, the most complete free UI Kit version ever offered. Curious about how the PRO version will be like? Stay tuned!

### Selectpickers

### Tags input

### Checkboxes

Unchecked
Checked
Disabled unchecked
Disabled checked
Valid checkbox
Invalid checkbox

### Radios

Unchecked
Checked
Disabled unchecked
Disabled checkbox
Valid radio
Invalid radio

### Switches

Untoggled switch
Toggled switch
Disabled switch
Disabled switch
Untoggled switch
Toggled switch
Disabled switch
Disabled switch

### Sliders

## Buttons

Open in Docs

Beautiful buttons with plenty of options and styles, including the animated and social versions.

### Primary

### Secondary

### Tertiary

### Danger

### Animated

### Only icons

### Rounded circle

### Social buttons

## Dropdown

Open in Docs

Can this UI kit get any better? We guess so. Check out these cool dropdowns where we have included some pre-build styles for user account settings and notifications.

## Modals

Open in Docs

We love colorful modals. That's why you get now more styles with eye catching colors that you will simply love.

#### Unleash your creativity!

You can easy create stackable modal boxes. For example, your inline content or Ajax response can contain a gallery:

##### This is way to dangerous

#### Should we stop now?

You can easy create stackable modal boxes. For example, your inline content or Ajax response can contain a gallery:

## Popovers & Tooltips

Open in Docs

### Tooltips

### Popovers

## Avatars

Open in Docs

Multiple style and sizes for avatars inspired by the Material Design.

### Large

WS A

### Medium

WS A

### Small

WS A

## Navbar

Open in Docs

Navigation made simple with multiple color variations that can be changed with the pre-defined modifier classes. The PRO version will come with even more options and layout styles. Stay tuned!

## Tabs

Open in Docs

Customize with ease the tab's navigation with any of the icons offered by Font Awesome. Check out the dedicated section to see all examples.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

## Other elements

Check out these customized UI components with extended functionalities and styles. From progress bars, basges, alerts, badges you get everything you need in beautiful free pack. Learn more in the Docs

### Progress

20%
20%

#### Style 2

#### 40%

#### Style 2

#### 40%

#### Identity

### Badges

Primary Secondary Success Danger Warning Info
Primary Secondary Success Danger Warning Info
Primary Secondary Success Danger Warning Info

### Pagination

### Alerts

Holy guacamole! You should check in on some of those fields below.
Holy guacamole! You should check in on some of those fields below.
Holy guacamole! You should check in on some of those fields below.
Holy guacamole! You should check in on some of those fields below.
Holy guacamole! You should check in on some of those fields below.
Holy guacamole! You should check in on some of those fields below.

## Typography

Open in Docs

Useful modifier classes and options were added to make typography look beautiful. We chose the Nunito typeface for this UI Kit. Easy to read, it looks great in every scenario with a little bit of roundness to make it even more gorgeous.

### Headings

# h1. Boomerang heading

## h2. Boomerang heading

### h3. Boomerang heading

#### h4. Boomerang heading

##### h5. Boomerang heading

###### h6. Boomerang heading

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

### Lead text

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.

### Quote

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

## Icons

See all icons

For this UI kit we are using the latest library of Font Awesome 5 which comes with plenty of icons and styles: solid, regular and light. There is a FREE version and a PRO one. Each user who wants to benefit of all its features should get a license.

See all icons

## Complete features at your hand

Boomerang is a great free UI package based on Bootstrap 4 that includes the most important components and features so you can jumpstart the hard work and get right to the website creation fast and easy.

Download Free

## What you get in the FREE version

### Latest Bootstrap framework (v4.0.0)

Build responsive, mobile-first projects on the web with the world's most popular front-end component library.

### Built with Sass (included)

Change one variable and the theme adapts. And there are tones: colors, fonts, sizes are just a few things you can change with Sass.

### 50 customized components

We took the most used Bootstrap components and add them a little Boomerang touch with modular elements that makes them reusable and easy to work with.

### Extended color palette

Boomerang has extended the color palette that Bootstrap offers by default. Instead of two primary colors, you get now three. These can be easily customized using the included Sass files.

### Five integrated plugins

Get even more functionality with the ready to use plugins we have integrated in this theme for you.

### Font Awesome 5

1000 Free icons + 1500 Pro icons make FontAwesome one of the most popular vector icons on the web.

### Five example pages

We took a step further and created a set of 5 pages that makes it the ideal point to start building websites of any kind.

### Free support on Github

You get a professional theme and a promise that we will respond to each issue you are having with our theme on Github.

### I am ready to start a new project with Boomerang UI Kit.

Download free Have an issue?