You can build some incredible stuff with Bootstrap. If you search the web, you’ll find hundreds of code snippets, addons, and starter templates to help you craft amazing layouts.But the default Bootstrap design is dull and overused. Why not add a custom UI kit into the mix?You’ll be running on Bootstrap while also re-styling your site with a unique look. This collection should get you started with some kick-ass open source Bootstrap UI kits for that custom aesthetic you always wanted.
But the default Bootstrap design is dull and overused. Why not add a custom UI kit into the mix?You’ll be running on Bootstrap while also re-styling your site with a unique look. This collection should get you started with some kick-ass open source Bootstrap UI kits for that custom aesthetic you always wanted.
1. Material Design for Bootstrap
If you’ve been keeping up with design news then you’ll know material design is huge. And what a better way to use material design than by combining it with Bootstrap?
Thankfully other designers had the exact same thought and built Material Design for Bootstrap.
You have full access to BS3 Sass mixins, custom code libraries, and components, all of which are restyled for a material design slant. Pretty cool if you’re into Google’s design patterns.
Here’s a UI kit similar to material design but without all the material-y UX stuff.
Bootflat is quite possibly the cleanest CSS kit you’ll find. It works on top of the latest version of Bootstrap 3.x and may be updated for the newer BS4.
With Bootflat you have full access to all page elements & components, plus this works in all major browsers with legacy support dating back to IE8.
Also this comes with a free PSD of all the Bootflat elements. You can use this to mockup a design in Photoshop before ever touching a line of code.
3. Drunken Parrot Lite
With a name like Drunken Parrot you may not know what to expect. But this free Bootstrap theme is actually pretty cool with loads of incredible components at your disposal.
This also comes with a free PSD kit along with the HTML/CSS code so you can mockup your layout first. I definitely like the aesthetics because they feel so natural. I’d say they can work on basically any website.
Only downside? Drunken Parrot is a freemium kit meaning it offers a free version with fewer features, and a pro version with everything. But don’t let this stop you from testing the free version. It’s got a beautiful design that’s hard to find elsewhere.
4. Flat UI
Designmodo’s Flat UI kit offers a unique take on flat design with Bootstrap. This comes as part of Designmodo’s library of resources, many of which cost money. But Flat UI is their freebie release.
You’ll find custom design styles for everything: on/off switches, tabbed widgets, dropdowns, checkboxes, form fields, you name it.
The demo page has everything in the kit so you can see how it looks. To grab a copy for yourself just visit the GitHub repo.