Paper Kit

Make your mark with a new design.

Basic Elements

Buttons
Pick your colour


Pick your size

Links

Inputs

Checkboxes

Radio Buttons

Progress Bars

60% Complete
60% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Sliders


Navigation Menu

Here is information about home.

Here is your profile.

Here are your messages.



Pagination

Labels

Default Primary Info Success Warning Danger

Notifications

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Typography

Header 1Thinking in textures

Header 2Thinking in textures

Header 3Thinking in textures

Header 4Thinking in textures

Header 5Thinking in textures
Header 6Thinking in textures

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

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.

Steve Jobs, CEO Apple
Muted Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...

Primary Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...

Info Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...

Success Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...

Warning Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...

Danger Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...

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

Images


Rounded Image

Chet Faker

Circle Image


Placeholder

Thumbnail


Chet Faker

Javascript components

Modal

Tooltips



Datepicker

Popovers



Carousel

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.

Do you like what you see?

Cause if you do, it can be yours for free. Hit the button below to navigate to Creative Tim where you can find the kit. Start a new project or give an old Bootstrap project a new look, we've got you covered.