This article was published 12 years ago, therefore the contents of this post may be out of date.

Twitter Bootstrap has already exploded straight to the top in the web development community as it is a simple and beautifully web design kit for creating cross browser, consistent and good-looking interfaces.

With a flexible and well thought out HTML/CSS and JavaScript structure and it also offers many of the popular UI components, including a grid system and JavaScript plugins for the common scenarios. Today’s post is all about expanding twitter bootstrap with 12 awesome resources that complement it .

1. Customise Twitter Bootstrap

You can simply download the full repository or customise the entire Bootstrap build by selecting only the components, javascript plugins, and assets that you need.

2. Style Bootstrap

The Style Bootstrap tools allows you to use a simple interface to customize various aspects of Bootstrap. The difference here is that this one focuses primarily on the visual, design aspects. You can easily go in and change colors, fonts, borders, and a lot more

3. WrapBootstrap

WrapBootstrap is a marketplace for premium Bootstrap themes and templates. Impress your clients and visitors while using a single, rock-solid foundation. You can buy or sell custom styled Bootstrap themes.

4. jQuery UI Bootstrap

This is an awesome resource for jQuery and Twitter Bootstrap users that combines the power of both. It is a jQuery UI theme that not only brings Bootstrap-themed widgets but also enables us to use (most) of Twitter Bootstrap side-by-wide without any components being broken visually.

5. Bootstrap Image Gallery

Bootstrap Image Gallery is an extension to the Modal dialog of Twitter’s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

6. Twitter Bootstrap jQuery Mobile Theme

This is a theme built for jQuery Mobile.  It is a handy resource if you have a web front-end built with Twitter Bootstrap and want to offer a similar look for mobile.

7. Bootswatch

Bootswatch provides free-to-use themes for Twitter Bootstrap and they can be used by simply downloading and replacing the CSS file.

8. Fbootstrap

Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.

9. Font Awesome

Font Awesome is just an icon font, so anyone can use it for any project. However, it was specifically designed to complement the visual aesthetic of Bootstrap.  Font Awesome is free for commercial use, screen reader compatible, and contains a whopping 150 icons (a number that continues to grow).

10. WordPress Bootstrap

The WordPress Bootstrap theme so that it could be used as-is or as a starting point for theme developers. It’s built on top of the brilliant Bones theme framework by Eddie Machado and based on v2.0.1 of Twitter’s Bootstrap. It’s a responsive WordPress theme built on Bootstrap that allows you to use the awesome themes from Bootswatch

11. Bootstrap Fireworks

Bootstrap Fireworks is a completely vector based UI toolkit built to mirror Twitter Bootstrap 2. This is great if you’re not a coder or just need to have a place to shuffle the pieces around without bothering with CSS.

12. Bootstrap PSD By Repix Design

Bootstrap GUI PSD is a toolkit from RepixDesign designed to kickstart webdesign of webapps and sites. It Includes all base elements layered in Photoshop for typography, buttons, grids, navigation, and more used in the original CSS3 Bootstrap framework from Twitter.


12 Resources That Beautifully Complement Twitter Bootstrap


3 Responses

Comments are closed.