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

Free Bootstrap UI Kit

Product description


Paper Kit is a free Bootstrap UI kit that can get you going in a new creative direction! To say the least, it's different since it's not material, flat or iOS inspired. We hope the kit will help you make your mark and create something new. Using it is extremely convenient, since it offers fully responsive design and elements that are easy to use.

We created this kit having paper and drawings in mind. We tried to focus on pale colours, beautiful typography and thoughtful drawings. If you like the result, you can use it in your projects for free. You can import it in an old project and make it look fresh, or you can start a new one. It's very easy to use and to integrate.

Every element in the kit comes in fresh colour scheme, that goes from light blue to orange. Check out the live preview to see how they fit!


Bootstrap 3 support

Paper Kit fully support Bootstrap3, since it is built on top of it. No worries there! We have redesigned most of its components, giving it a new look. If you are using a component we have not touched, it will gracefully fall back to the Bootstrap default.

We will support very soon Bootstrap 4.0.


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. If you want to get a picture of what you can build with this powerful kit, you can see the examples here:


Tutorial & Components

To see what you will get in the archive and how you can start using the Paper Kit, you can check out the tutorial page. It has all the basics.

If you want to see the documentation for every element, head over to the components page.


We're very excited to see what you can build with this kit. If you have any thoughts or suggestions, be sure to let us know in the comments!

Product certified by: Creative Tim
Paper Kit - Fully Coded and Responsive HTML5
Paper Kit - Less Files for Professional Front End Developers
Paper Kit - Sass Files for Professional Front End Developers
Paper Kit - Crafted with Bootstrap - the most popular Front End Framework
Downloads
39,695
Version
1.2.2
Changelog
Updated
8 years ago
Released
8 years ago
Reviews
Star
Handcrafted Elements
19
Customized Plugins
3
Example Pages
3
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Paper Kit 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 19 161
Plugins 3 12
Examples Pages 3 13
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

96 Web Developers commented on this product

kesia.s
  • downloaded
7 years ago

I'm trying to replace images in the carousel with my own, and I've resized them and saved them to the assets folder for the href, yet the new images don't show. Did I miss something?

alexpaduraru
  • owner

@kesia.s please make sure you have the same name of the images that are inside the folder "/assets/img/image_name.jpg" with the "src" not "href" property of the "<img>" tag from the carousel. More about Bootstrap Carousel here: http://getbootstrap.com/javascript/#carousel Best, Alex!
7 years ago

kesia.s
  • downloaded
7 years ago

@axelut yes, I made sure the name was the same in the src property for the <img> tag. There is an alt property (alt= "Awesome Image") and that ends up being displayed instead.

alexpaduraru
  • owner

@kesia.s sorry to hear that you still have issues with the carousel. Can you please give us a link to your website so we can which is the problem? Best, Alex!
7 years ago

kesia.s
  • downloaded
7 years ago

@axelut It's okay! I found that if I overwrote the pre-existing image file with my new image, it actually worked. I can still email, if it helps. My site isn't live, still being edited.

abdulm..diaz
  • downloaded
7 years ago

Buttons don't seem to be centered on my computer. Any fix for this?

alexpaduraru
  • owner

@abdulm..diaz thank you for using our product. Can you please give us more details about the alignment or can you send us a screenshot with the issue and the browser/OS that you are using? Best, Alex!
7 years ago

abdulm..diaz
  • downloaded

@alexpaduraru The problem is that on my monitor, the words in the button seem aligned to the right. However, I zoom out, the buttons get into place.
7 years ago

alexpaduraru
  • owner

@abdulm..diaz got it, can you please tell us exactly what buttons and what is the size of your screen? In this way, we can simulate your environment. We made tests on our side and we couldn't identify it. Best, Alex!
7 years ago

abdulm..diaz
  • downloaded
7 years ago

@alexpaduraru It seems to be working now. However, one small situation: how can you make the sidebar menu appear in all screen sizes? Pls help!!

alexpaduraru
  • owner

@abdulm..diaz We implemented the Sidebar Menu for all the screen sizes as a feature that is available only in the PRO version. Please check an example here: http://demos.creative-tim.com/paper-kit-pro/examples/search-with-sidebar.html and let us know if we can help you with the upgrade to Pro. Best, Alex!
7 years ago

abdulm..diaz
  • downloaded
7 years ago

@axelut Wow! I'll be sure to think about the subscription to PRO. Thanks for everything. Incidentally, I'll be sure to think about this service whenever I would need an UI KIT to go by.

bee0005
  • downloaded
7 years ago

I use it for ruby on rails project. I copyed 'scss' folder to assets/stylesheets. But error occur, Sass::SyntaxError in Home#index. Undefined mixin 'alert-style'.

alexpaduraru
  • owner

@bee0005 we just responded to your email. Can you please make sure you include the mixins folder too? Best, Alex!
7 years ago

bee0005
  • downloaded
7 years ago

https://ide.c9.io/bee0005/nnnnn my working space for ruby on rails project. I copyed 'scss' folder to assets/stylesheets. But error occur, Sass::SyntaxError in Home#index. Undefined mixin 'alert-style'

alexpaduraru
  • owner

@bee0005 that link is asking for login credentials. Can you please give me the credentials to check it? Best, Alex!
7 years ago

bee0005
  • downloaded
7 years ago

I can invite for share my workspace. Could you give me email address for c9??

bee0005
  • downloaded
7 years ago

OR you can request access for my workspace. You can see right-top side of c9.

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