Paper Kit 2

nos-user · · HTML

About

Paper Kit 2. A landing page in a single HTML file, with modal, slider. Open it in the browser, or copy it into a NOS workspace and edit it.

More like this

Landing pages

Material Kit Bs4

#form#modal#slider
Landing pages

Deskapp - Register

#calendar#modal#admin
Landing pages

Deskapp - Login

#calendar#modal#admin
Landing pages

New Age

#bootstrap#form#modal
Forms

Get Shit Done

#slider#form#modal
Landing pages

Awesome Landing Page - Phone App

#slider#canvas
Landing pages

Awesome Landing Page - Web App

#slider#canvas
Landing pages

Awesome Landing Page

#slider#canvas
Document text

Paper Kit 2

Make your mark with a Free Bootstrap 4 UI Kit!

Designed and coded by Your Brand

Basic Elements

Buttons
Pick your style

Default Round With Icon Simple

Pick your size

Small Regular Large

Pick your color

Default Primary Info Success Warning Danger Neutral

Default Primary Info Success Warning Danger Neutral

Links

Inputs

Sorry, that username's taken. Try another?

Checkboxes

Unchecked
Checked
Disabled unchecked
Disabled checked

Radio Buttons

Radio is off
Radio is on
Disabled radio is off
Disabled radio is on

Toggle Buttons


Sliders


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

Sonia Green

Circle Image

Brigitte Bardot

Thumbnail

John Keynes

Javascript Components

Modal

Launch demo modal
×
Modal title
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
Never mind
Delete

Popovers

On top On bottom On left On right

Datepicker

Tooltips

On left On right On top On bottom

Carousel

Somewhere

Somewhere else

Here it is

Previous Next

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.


View Demo Icons View All Icons

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

Email
Password
Register

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.

Thank you for supporting us!

© , made with by Creative Tim
Based on creativetimofficial/paper-kit-2 · MIT License · Copyright (c) 2019 Creative Tim
Photographs replaced with artwork generated in the page, so this is one HTML file with no external images and no build step.