Basic Elements

Buttons
Pick your style

Pick your size

Pick your color


Links

Inputs


Checkboxes

Radio Buttons

Toggle Buttons


Sliders


Navigation Areas

Progress Bar






Navigation Tabs

Larger, yet dramatically thinner. More powerful, but remarkably power efficient. With a smooth metal surface that seamlessly meets the new Retina HD display.

Here is your profile.

Here are your messages.

Labels

Default Primary Info Success Warning Danger

Notifications

This is a plain notification!
This is a notification with close button.
This is a notification with close button and icon.
This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.

Typography

Header 1 Thinking in textures

Header 2 Thinking in textures

Header 3 Thinking in textures

Header 4 Thinking in textures

Header 5 Thinking in textures
Header 6 Thinking in textures

Paragraph Thinking in textures

Quote

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.


Someone famous in Source Title
Muted text

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Primary text

Nullam id dolor id nibh ultricies vehicula ut id elit.

Success text

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Info text

Maecenas sed diam eget risus varius blandit sit amet non magna.

Warning text

Etiam porta sem malesuada magna mollis euismod.

Danger text

Donec ullamcorper nulla non metus auctor fringilla.

Small tagHeader with small subtitle
".small" is a tag for the headers


Images

Rounded Image

Rounded Image
Circle Image

Sonia Green

Circle Image

Rounded Image

Brigitte Bardot

Thumbnail

Rounded Image

John Keynes

Javascript Components

Modal

Popovers


Datepicker

Tooltips

Carousel

Nucleo Icons


Paper Kit comes with 100 custom icons made by our friends from NucleoApp. The official package contains over 2.100 thin icons which are looking great in combination with Paper Kit Make sure you check all of them and use those that you like the most.


Completed with examples

The kit comes with three pre-built pages 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 kit.

Welcome

Do you like what you see?

Cause if you do, it can be yours for Free. Hit the button below and download it. Start a new project or give an old Bootstrap 4 project a new look.

Want more?

We've just launched Paper Kit 2 PRO. It has a huge number of components, sections and example pages.