Everyone loves Bootstrap, the front-end framework created by Twitter, because it’s easy to set up, it magically creates a responsive version, great for prototyping etc... Of course, its biggest defect is that it’s too visible.
We can think of thousands of projects where the framework is clearly recognizable. This shouldn’t happen so often, as there are a huge number of resources for customizing Bootstrap, and we have to go out and find them. By making us of these resources we can easily modify UI patterns, typography, icons, color schemes, forms, alerts, etc...
What we’re bringing you today is a complete selection of themes, plugins, UI patterns and tools for customizing the structure and visual design of Bootstrap layouts.
Twitter Bootstrap Themes
WrapBootstrap is a marketplace for premium Bootstrap themes and templates. Impress your clients and visitors while using a single, rock-solid foundation.
Designmodo Flat UI Pro
Flat UI Pro is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers. HTML layout based on Bootstrap framework. Bootstrap is a trusted, reliable and proven tool for developers.
Free themes for Twitter Bootstrap. Add color to your Bootstrap site without touching a color picker. Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Made by Thomas Park.
A Showcase Of The World's Best Twitter Bootstrap Sites. To suggest a Bootstrap site for inclusion in our showcase, just send a tweet to @LoveBootstrap with a link to the homepage of the site. If it's a great implementation of Bootstrap, they will add it to their showcase.
Bootstrap ThemeRoller allows you to customize the look and feel of Bootstrap from Twitter. It has a very user friendly interface that helps the users to select any color, size, font etc for their application.
Bootstrap ThemeRoller lets you see the changes side by side as you customize the theme enabling the users to actually see the final theme before downloading.
Bootstrap UI Patterns
Sometimes a new project doesn't need rounded corners or gradients. So we decided to get rid of them. Flatstrap, on the other hand, is built by Little Spark
Bootstrap Designer is an online design tool, producing awesome HTML5 templates based on Bootstrap framework. You can use the templates for your clients' projects or sell on your own website.
Use Bootstrap Designer to create various design styles: minimalist style, black & white, grunge, typographic-driven, monochromatic look, clean & creative, etc.
The Twitter Bootstrap Builder. Not just a mock-up tool, Jetstrap is the premier interface-building tool for Bootstrap.
Jetstrap is a 100% web-based interface building tool for Twitter Bootstrap. No software to download, just log in and build. Your work is accessible from anywhere.
Built for developers, designers, and idea-people alike, Jetstrap helps you get awesome websites up and running fast, with less work and digging through docs.
Bootstrap Hero: The Big Badass List
Design elements and code snippets for Bootstrap HTML/CSS/JS framework
Bootsnipp is an element gallery for web designers and web developers, anybody who is using Bootstrap will find this website essential in their craft. Currently Bootsnipp is using Bootstrap v 2.3.1
Twitter Bootstrap Button Generator
Twitter Bootstrap Button Generator is the easiest way how to set up your buttons based on Twitter Bootstrap in a seconds.
Fast, visual front-end development. As simple as a mockup tool. As powerful as a text editor. Prototyping with Bootstrap and beyond
Divshot lets you build visually with most popular front-end frameworks including Bootstrap, Foundation, and Ratchet.
Bootstrap Grid Templates
The iconic font designed for Bootstrap. Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself! Font Awesome even plays nicely with Bootstrap!
Bootstrap 2.0 Photoshop Template PSD
A free PSD file includes which includes buttons, navigation elements, form elements, tables, typography. You will can create your own Bootstrap-based designs in Photoshop. Its especially great for hybrid designer/developers.
Grid displayer for Twitter Bootstrap
In-browser web design made easier with this bookmarklet which displays the grid of your favourite front-end framework. This bookmarklet was created by Antoine Lefeuvre.
Tips for implementing responsive designs using Bootstrap
by Matthew Adams