❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free Bootstrap 4 Design UI Kit

Product description


Paper Kit 2 is a free Bootstrap 4 UI Kit with pale colors, beautiful typography and thoughtful drawings. We created it having paper and drawings in mind.

Any elements that is vital to code a web project is already here, fully coded. All components are fully responsive and look great on every screen size. Transitions, shadows, colors, they all resemble the flow you would have using pieces of paper.

We have created the UI Kit kit having pastel colors and paper in mind. It feels light, fresh and easy to go through. It features beautiful typography, font icons and thoughtful layouts.

Paper Kit 2 has a PRO version with a huge number of components, sections and examples: Paper Kit 2 PRO. Based on feedback from people that downloaded and used it, we have added needed components and we have created multiple examples pages. We are curious to see how you want to use it and also improve it, so let us know any feedback you have.

Bootstrap 4 support

Paper Kit 2 is built on top of Bootstrap 4, so it fully supports it. Most of the elements from the framework are re-designed to resemble sheets of paper and color pastels. If the are elements that we have not touched, they will gracefully fall back to the Bootstrap 4 default.

Examples

Paper Kit 2 contains some pages already designed and implemented. Here is the list with the pages available. We are also working on more example pages, that you will be able to access no matter the version you download.

Tutorial & Components

Once you download the archive, you will be able find a tutorial page inside it explaining how to start using it. You can also check the documentation online.

Product certified by: Creative Tim
Paper Kit 2 - Fully Coded and Responsive HTML5
Paper Kit 2 - Sass Files for Professional Front End Developers
Paper Kit 2 - Crafted with Bootstrap - the most popular Front End Framework
Downloads
44,249
Version
2.2.0
Changelog
Updated
5 years ago
Released
6 years ago
Reviews
Handcrafted Elements
50
Customized Plugins
3
Example Pages
3
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Paper Kit 2 PRO. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 50 1000
Plugins 3 7
Examples Pages 3 15
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

55 Web Developers commented on this product

mmg
  • downloaded
6 years ago

I have settled it! Anyway, thanks! It's just CSS trick >< Looks gorgeous right now!

arman.afandi43
  • downloaded
6 years ago

nice :)

zenny66
  • downloaded
6 years ago

Great work guys!

phenixwars
  • downloaded
6 years ago

Hi, trying to use the landing.html page included in the examples folder but the color-on-scroll javascript for the navbar to change color doesn't work on it. Haven't changed anything in the file, or the file structure, just doesn't work from the start. It works on index.html just fine though. Is there something that I can change or add to make it work properly? Thanks for this awesome theme btw and for making it free! This is my first go at a Bootstrap theme but if I can get familiar with this and get it to work I'll be purchasing themes from you in the future :)

moldovanst
  • owner

Hello @phenixwars , thank you for your interest ! Please change the paper kit JS file (paper-kit.js) at line 59 with this following code: // Activate bootstrap switch if($('[data-toggle="switch"]').length != 0){ $('[data-toggle="switch"]').bootstrapSwitch(); } we'll fix this in the next update. Good luck with that! Best, Stefan
6 years ago

phenixwars
  • downloaded
6 years ago

@moldovanst Thank you I'll do that! Sorry for the late reply.

emmanuel.real
  • downloaded

hello, can you help me to use it on my project how can i implement those sass. Sorry for my english, i am a newbie and i've found this cool. i just want to try it.
6 years ago

emmanuel.real
  • downloaded

i am using ngbootstrap, and i wan to override the ngbootstrap's design with this. is that possible?
6 years ago

moldovanst
  • owner

Hi @emmanuel.real , We already have this product on Angular, you can check it on this link: http://pk2-angular.creative-tim.com/home and also for implementing sass files, go to this link: http://sass-lang.com/guide. Best, Stefan
6 years ago

cris.lima 6 years ago

Hello! Thank you very much for the theme! I want the hamburger menu to collapse once clicked, but it is not working. Can you help me?

moldovanst
  • owner

Hello @cris.lima , thank you for using our product, please give us a link to your project to check the problem. Best, Stefan
6 years ago

princeoder
  • downloaded
6 years ago

hello ! I found your Kit very cool.. but there is one problem, i tried to use navbar it works fine but when i check in tablet resolution (768 px) the navbar disappears please help..

moldovanst
  • owner

Hello @princeoder , thank you for using our product, please change the navbar class from 'navbar-expand-md' to 'navbar-expand-lg'. Best, Stefan
6 years ago

adrien.guylagrange
  • downloaded
6 years ago

It's amazing!!! Thanks!!!

micknonymous
  • downloaded
6 years ago

Awesome,love this site

aleksejovanovic
  • downloaded
6 years ago

I cant believe I got Rick-Rolled in 2018..

alexpaduraru
  • owner

@aleksejovanovic hopefully it made your day better :D
6 years ago

aleksejovanović

@alexpaduraru Well it highlighted my day for sure.. :))
6 years ago

You have to be logged in to post a comment. Login here.