NEXT

Bootstrap 4 UI KIT

A Beautiful Bootstrap 4 UI KIT

The NEXT UI KIT will make it a breeze to build your own clean style Bootstrap 4 themes. Includes example pages and Sass swatches that you can mix to create your own unique styles.

imac

NEXT UI KIT v.1.0

Everything you need to kick-ass Bootstrap 4 websites like a Pro

The NEXT UI KIT comes with the Css/Sass Themes, Example pages, and UI blocks to help you to Get Bootstrap 4 shit done faster.

  • 8 pre-builded Css themes
  • 5 example pages pack
  • Customized Saas files
  • Built with Gulp file
  • Free updates
  • Limited Time +80 UI blocks pack

NEXT UI KIT v.1.0

Everything you need to kick-ass Bootstrap 4 websites like a Pro

The NEXT UI KIT comes with the Css/Sass Themes, Example pages, and UI blocks to help you to Get Bootstrap 4 shit done faster.

  • 8 pre-builded Css themes
  • 5 example pages pack
  • Customized Saas files
  • Built with Gulp file
  • Free updates
  • Limited Time +80 UI blocks pack

Save time with the NEXT Design System

Universal, reusable, simple. Fully compatible with Bootstrap 4.

Theme palette

Primary
Success
Warning
Danger
Info
Secondary
Blue
Indigo
Purple
Pink
Red
Orange
Yellow
Green
Teal
Cyan
Dark
Light

Buttons

Pick your size

Pick your style

Pick your color

Pick button state

Inputs

Form Controls

Large

Form States with feadbacks

Success!
Please provide a valid state.

Typography


Regular Header 1

Regular Header 2

Regular Header 3

Regular Header 4

Regular Header 5
Regular Header 5

Lead Paragraph p.lead I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Small Tag Header with small subtitle
Use "small" tag for the headers

Display Headings


Display 1

Display 2

Display 3

Display 4

Display 5

Display 6


Font type


Montserrat headings

Roboto - paragraph

Lead paragraphp.lead I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture.

Regular paragraph pI am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Quote

"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at."
- Some famous person

Variations

Muted Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Primary Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Info Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Success Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Warning Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Danger Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...


Icon Fonts

Material Design Icons

Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.

3d_rotation accessibility account_balance_wallet add_shopping_cart android

Font Awesome Icons

The complete set of 675 icons in Font Awesome 4.7.0 , available in a variety of sizes and densities as a web font.

Progress Bars

Primary
60%
Danger
75%
Success
85%

Labels

Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark

Pagination


Accordion

Paragraph I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Paragraph I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Paragraph I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Tabs

Tab 1 I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.

Tab 2 I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Tab 3 I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.

Cards

100%x280

Special title treatment

With supporting text below as a natural lead-in to additional content.

Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

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

Someone famous in Source Title
Mark Otto, Huge Nerd

“They need to stop sleeping on me and get some understanding about this here game I spit!”


Gradient card

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

Navbars

Extras

Extends with extra styles and components.

Theme gradients

All gradients are available as Sass variables in our scss/_style.scss file.

Orange
Green
Yellow
Blue
Violet
Light blue
Light orange
Rose
Red
Purple
Light
Dark
Orange
Green
Yellow
Blue
Violet
Light blue
Light orange
Rose
Red
Purple
Light
Dark

Gradient buttons

Material design shadows

All shadows are available as Sass variables in our scss/_mdl-shadows.scss file.

.m-shadow-2
.m-shadow-3
.m-shadow-4
.m-shadow-8
.m-shadow-8
.m-shadow-16

Animated cards

You can combine classes .card.animated.m-shadow-16

Image overlays

.header-overlay-dark, .header-overlay-primary, .header-overlay-red, .header-overlay-blue

Photo of sunset

Dark overlay image

Here goes sub-title

Photo of sunset

Primary overlay image

Here goes sub-title

Photo of sunset

Red overlay image

Here goes sub-title

Photo of sunset

Blue overlay image

Here goes sub-title

Limited Time Special Offer

80 ready-made blocks included

The NEXT UI KIT comes with a collection of coded 80 Bootstrap v.4 HTML UI blocks to help you get started faster. Fully compatible with each other, very easy to start using. Just copy and paste the blocks into the ready template. Learn more >


"Have you heard about @bootstraptor yet? They are blowing up, with tools for web development with Bootstrap."

- @Mattermark


Quick Start

These themes could not be any easier to install and use. Simply change up the file name of the default bootstrap.css with the selected one custom theme file../style.css. There are 8 ready-made Css themes in total included.

In Pro versions you can edit any styles with Saas and Gulp.

Bootstrap 4

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS.

Pixel perfect

Making a website that is perfect for a pixel level look more professional and have a personality of its own.

Google fonts

We focus on the least complicated, least expensive systems, Google Web Fonts

Minimal design

NEXT UI KIT clean, simple design makes it a perfect fit for today's flat aesthetic.

Extended with examples

The NEXT BOOTSTRAP KIT comes with theme swatches, example pages and pre-built blocks to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful Bootstrap 4 ui kit.

Welcome



ABOUT ME

Live Preview

LANDING PAGE

Live Preview

Beautiful Bootstrap 4 Design UI KIT.

A collection of coded HTML and CSS/SASS elements to help your build your new website. Clean design, fully responsive and based on Bootstrap 4.