2014-06-30

Bootstrap is an incredibly useful and intuitive CSS framework that is the preferred starting point of many developers when they need to create a responsive website. HTML, CSS and JavaScript are used to create a powerful base template that offers a huge amount of flexibility in design and functionality. Developed by Mark Otto and Jacob Thornton at Twitter, it was released as an open source product in August 2011 on GitHub.

Three years down the line, it has evolved into one of the most popular web-development templates and is now used but thousands of websites. This post lists some of the best Bootstrap tools and resources for developers that will speed up their development time and improve their designs.

Customize Bootstrap



You can minimize the size of Bootstrap’s files down to the last byte by selecting only the elements (tables, jQuery plugins, user forms, etc.) you need. This tool helps you select individual Bootstrap elements, compile the CSS including the minified version the download the customized version.

More Info

StyleBootstrap



This tool focuses on the design components of Bootstrap elements. You get a ton of meticulous tools to customize buttons, typography, forms and other elements. Once you’ve realized your design, its ready for download.

More Info

Bootstrap CDN



A completely free CDN for Bootstrap and its counterparts, generously hosted by MaxCDN. They recently broke a record of 6TB bandwidth and 3.38 billion requests in 24 hours. Their Popular Files page will give you an idea of just how many sites use Bootstrap.

More Info

Bootsnipp

Bootsnipp is a snippet gallery for Bootstrap web developers, with the ability to view, share and save snippets. Some popular snippets include:

Information Card

Discount Label

Full Screen Search

More Info

Bootswatch

A collection of fifteen open-source Bootstrap templates released under the MIT License. You can download the minified CSS or LESS file of each of these templates.

More Info

Wrap Bootstrap

Wrap Bootstrap popular marketplace for premium Bootstrap templates with ranging from $4 to $55 and categories lie:

Landing pages

Admin dashboards

Portfolios

Resumes

WordPress Themes built with Bootstrap

More Info

Bootstrap Expo

The official showcase of beautifully crafted, inspirational websites using Bootstrap. It is designed and maintained by @mdo – co-creator of Bootstrap.

More Info

Bootstrap Themes @ Themeforet

More Info

Themeforest now has the largest collection of premium bootstrap themes and is a must have resource for any developer designing using the framework. They also include many bootstrap css packs.

Bootstraptor

A bundle of 35+ Bootstrap templates at $9 (normally $75).

More Info

Frontenda

Frontenda (currently in its pre-beta version) is a free, drag-and-drop page builder for Bootstrap. It includes an HTML, CSS, LESS and JavaScript editor. It also comes with prebuilt templates, including landing page and corporate page templates.

More Info

Bootstrap Image Galley

This is an extension to blueimp Gallery, which displays images and videos in the modal dialog of the Bootstrap framework. Features include swipe, mouse and keyboard navigation, transition effects, fullscreen support and on-demand content loading.

More Info

Fbootstrapp

Fbootstrapp facilitates development of Facebook iframe apps. It gives your project a “Facebook look” with all its elements styled accordingly.

More Info

Login Forms

This snippet features a nifty little login form in the navigation bar.

More Info

WordPress Twitter Bootstrap CSS

This plugin helps you integrate the latest version of Bootstrap its required JavaScript libraries in your WordPress theme. You can also choose different CSS including

More Info

Datepicker

An essential JavaScript library for Bootstrap, date picker is an essential component for web applications and forms.

More Info

Kickstrap

Kickstrap is a Bootstrap boilerplate for advanced web development.

More Info

Bootstro

Bootstro is unique pop-up display function for Bootstrap. It is very useful for building guided tours.

More Info

View Demo

Pingendo

Pingendo is a powerful visual desktop application for building websites using Bootstrap framework. It supports Windows, Mac and Linux.

More Info

Jetstrap

Jetstrap is an all-in-one, web-based premium Bootstrap development toolkit, designed for beginners and veterans alike. Plans start at $24 a month and includes a ton of useful features.

More Info

View Demo

19. Bootstrap Tags

Bootstrap Tags is a jQuery plugin which extends Bootstrap to include tagging functionality. It also includes unique features such as auto-suggestions, popovers, exclusions and filters.

More Info

View Demo

20. Fuel UX

Fuel UX extends Bootstrap to include components required in web-apps such as combo box, pillbox, radio buttons, spinners (counters) and wizards.

More Info

The post 21 Awesome Bootstrap Tools & Resources for Developers appeared first on Web Designer Hub.

Show more