A UI (user interface) kit is a collection of graphics that represent all of your typical HTML elements including things like buttons, progress bars, check boxes, icons, input fields, menus, etc. In a UI kit, all of these elements are designed with a specific theme in mind, and are meant to be seamlessly used together on a webpage. When you download a UI kit, you’re usually grabbing PSD files, which you can then turn into PNGs or use as inspiration for your own CSS styling..
What follows is a list of some of the coolest and most stylish free UI kits based on the ever-so-trendy Bootstrap framework. If you’re looking for inspiration for the theme or design of your next project, this list is a great place to start.
1. Flat UI
Flat UI is an awesome free Bootstrap-inspired UI kit that features tons of elements all with flat designs. Flat buttons, flat icons, and even flat glyphs are all available with the kit. Since the flat design style is a trend that doesn’t seem to be going anywhere, this is a great set to have on hand.
2. CSS Mint
CSS Mint is an open source UI kit that’s both simple and stylish. Check out the example of how the UI kit styles breadcrumbs above — this UI kit will definitely bring a professional polish to your projects.
3. Material Design for Bootstrap
The best feature of the Material Design for Bootstrap kit is that it has so many features. The UI kit is a totally comprehensive collection of just about any HTML element and content display you could possibly need on a site, all styled to absolute perfection. If you’re working on a big project and you want to make sure everything is covered, this is a good UI kit to go with.
4. Modern Touch
What’s not to love about this UI kit? It’s beautiful, colorful, a little flat, and super versatile. You’d be able to use these elements on so many different types of projects and web pages. The standard version is totally free, but if you’re looking for more, there’s a premium version available as well.
5. Metro Vibes
Metro Vibes is a unique UI kit themed in rustic hues. The colors in this kit are different from those in many other Bootstrap-inspired kits, and they’re sure to make any project or web page stand out from the rest.
This UI kit is sort of a jack of all trades. It’s super comprehensive, and it can go anywhere, on any site, without looking out of place. If you’re looking for a one-size-fits-all UI kit, this is a great way to go.
Because who doesn’t love something that’s inspired by food? If you’re looking for a UI kit to help you out on a project for a restaurant, food blogger, chef — really anything food related — this is the perfect kit for you. It even comes with cool little food icons. Don’t pass this one up.
8. Epic UI Kit
Saving the best for last…this is our favorite UI kit on the list. I mean, just look at those colors! We’d download this kit just for the rad color scheme alone. If you’re looking for more than colors, though, this kit has you covered with stylish templates for graphs, input fields, buttons, and much more.