Paper Kit: Free Bootstrap UI Kit @ Creative Tim

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.

Images

We are very thankful for being part of a great community of creators called Mix by Paper 53. We highly recommend you check them out, play with their app and get in the mix.

Special thanks for the images we used in the kit and the examples go to Angela Kalokairinou and Joey Gao for creating awesome visuals and letting us use them.

Paper Kit Builder

If you are looking for build system for managing and customizing the repo, you can find it here. It allows you to keep your repo up to the latest versions of jQuery, jQuery-UI, Bootstrap and Paper-Kit all while building up your customized sass to make it your own.

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!

Current version 1.2.2 See updates and changelog

We are here to help you!

83 Web Developers commented on this product

Report issue

kesia.s

downloaded

1 year 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?

axelut

downloaded

@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!

1 year ago

kesia.s

downloaded

1 year 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.

axelut

downloaded

@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!

1 year ago

kesia.s

downloaded

1 year 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

1 year ago

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

axelut

downloaded

@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!

1 year ago

abdulm..diaz

downloaded

@axelut 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.

1 year ago

axelut

downloaded

@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!

1 year ago

abdulm..diaz

downloaded

1 year ago

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

axelut

downloaded

@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!

1 year ago

abdulm..diaz

downloaded

1 year 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

1 year 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'.

axelut

downloaded

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

1 year ago

bee0005

downloaded

1 year 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'

axelut

downloaded

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

1 year ago

bee0005

downloaded

1 year ago

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

bee0005

downloaded

1 year ago

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

« 1 2 3 4 5 6 7 8 9 »

Login with

Paper Kit

Paper Kit

Free Bootstrap UI Kit

18,958 Downloads

83 Comments

Regular Support

Lifetime Updates

Release: 1 year ago

Update: 6 months ago

Screenshots

Free Bootstrap UI Kit

Product description

Bootstrap 3 support

Examples

Tutorial & Components

Images

Product certified by: Creative Tim

Upgrade to PRO Version

What is in Demo?

What is in PRO Version?

We are here to help you!

83 Web Developers commented on this product

kesia.s downloaded 1 year ago

axelut downloaded

1 year ago

kesia.s downloaded 1 year ago

axelut downloaded

1 year ago

kesia.s downloaded 1 year ago

abdulm..diaz downloaded 1 year ago

axelut downloaded

1 year ago

abdulm..diaz downloaded

1 year ago

axelut downloaded

1 year ago

abdulm..diaz downloaded 1 year ago

axelut downloaded

1 year ago

abdulm..diaz downloaded 1 year ago

bee0005 downloaded 1 year ago

axelut downloaded

1 year ago

bee0005 downloaded 1 year ago

axelut downloaded

1 year ago

bee0005 downloaded 1 year ago

bee0005 downloaded 1 year ago

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

Sharing is caring!

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

Built with Paper Kit

Join our newsletter and receive weekly news!

Creative Tim

Happy people

232,853 accounts

402,932 downloads

Help and Support

Latest News

kesia.s

downloaded

1 year ago

axelut

downloaded

kesia.s

downloaded

1 year ago

axelut

downloaded

kesia.s

downloaded

1 year ago

abdulm..diaz

downloaded

1 year ago

axelut

downloaded

abdulm..diaz

downloaded

axelut

downloaded

abdulm..diaz

downloaded

1 year ago

axelut

downloaded

abdulm..diaz

downloaded

1 year ago

bee0005

downloaded

1 year ago

axelut

downloaded

bee0005

downloaded

1 year ago

axelut

downloaded

bee0005

downloaded

1 year ago

bee0005

downloaded

1 year ago