Top Resources For Twitter Bootstrap

Top Resources For Twitter Bootstrap

 
 

Today we’ve collected our favorites into a list of everything you need to get started with Bootstrap.

From introductory tutorials to wireframing kits and custom generators, there’s something here for every Bootstrap lover.

Official Bootstrap resources Official resources for Bootstrap

Title Description URL View
Bootstrap itself Twitter Bootstrap Framework http://twitter.github.com/boot... Go
Bootstrap Google group Ask your Bootstrap questions here http://groups.google.com/group... Go

Templates Ready to go Bootstrap templates

Title Description URL View
WrapBootstrap Themes and layouts for Bootsrap. https://wrapbootstrap.com/?ref... Go
Bootstrap Fireworks Toolkit The original Bootstrap Toolkit for Adobe Fireworks. It contains all of the version 2.1 ui elements created as reusable vectors. Copy and Paste them over to your new Fireworks document to create your designs. Perfect for creating web apps! http://www.fireworkstoolkits.c... Go
How To Build and Customize Your Own Bootstrap Theme A guide on quickly choosing the right colors for your bootstrap theme and how to efficiently build said theme. Also includes other resources and a list of unique sites built with Bootstrap http://antjanus.com/blog/web-d... Go


Prototyping Fast prototyping apps for Bootstrap, button makers, layout edit, etc.

Title Description URL View
Divshot Divshot is a drag & drop interface builder for Bootstrap with a great user friendly interface and WYSIWYG approach. http://divshot.com Go
Bootstrap Button Builder Generate your bootstrap buttons quickly with Bootsnipp Button generator! http://bootsnipp.com/buttons Go
Pingendo Pingedo is a visual builder for HTML5 documents. With drag and drop, full CSS3 styling and realtime HTML/CSS editor. With support for Bootstrap and Bootsnip. For free. http://www.pingendo.com Go
Beautiful Buttons for Twitter Bootstrappers This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) http://charliepark.org/bootstr... Go
JetStrap Jetstrap is an easy way to build Bootstrap interfaces and designs. Drag-and-drop from a large set of Bootstrap components or add your own code. http://jetstrap.com/ Go
Photoshop template for Bootstrap v2.0 Bootstrap PSD v2.0 http://gui.repixdesign.com/#bo... Go
Bootstrap Fireworks Toolkit The original Bootstrap Toolkit for Adobe Fireworks. It contains all of the version 2.1 ui elements created as reusable vectors. Copy and Paste them over to your new Fireworks document to create your designs. Perfect for creating web apps! http://www.fireworkstoolkits.c... Go


Forms Form extensions, additions, validation, typeahead plugins, etc.

Title Description URL View
Bootstrap File upload button Awesome Bootstrap extensions by Jasny including a file upload button that matches Bootstrap styles. http://jasny.github.com/bootst... Go
Modern upload for Bootstrap File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. http://blueimp.github.com/jQue... Go
bootstrap-wysihtml5 wysiwig HTML5 text editor http://jhollingworth.github.co... Go
Bootstrap Toggle Buttons Nice Bootstrap Toggle Buttons http://www.larentis.eu/bootstr... Go
X-editable In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery This library allows you to create editable elements on your page. http://vitalets.github.com/x-e... Go
Select Multiple Select Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Look and feel of Select2 is based on the excellent Chosen library. http://ivaynberg.github.com/se... Go
TinyMCE skin Bootstrap A template for tinyMCE based on Twitter Bootstrap https://github.com/gtraxx/tiny... Go
Tags for Twitter Bootstrap 2.x bootstrap-tag is a javascript plugin that makes it easy to create simple, beautiful tag inputs with the help of Twitter Bootstrap. https://github.com/fdeschenes/... Go
BIC calendar Nice calendar for Bootstrap with popovers https://github.com/bichotll/bi... Go
Bootstrap styled file upload button Make your file input buttons pretty with this jQuery plugin http://markusslima.github.com/... Go
Markdown Editor Markdown editing meet Bootstrap http://toopay.github.com/boots... Go
UserPie Simple PHP user authentication framework (login form, registration, etc.) based on based on Twitter Bootstrap. http://userpie.com Go


Date and Range pickers Date and time pickers for Bootstrap

Title Description URL View
Date Range picker Date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates. https://github.com/dangrossman... Go
Timepicker A very cool widget to easily select a time for a text input using your mouse or arrow keys. http://jdewit.github.com/boots... Go
Datepicker improved A datepicker for @twitter bootstrap forked from Stefan Petre's (of eyecon.ro), improvements by @eternicode https://github.com/eternicode/... Go
Clockface Clockface timepicker for Twitter Bootstrap http://vitalets.github.com/clo... Go
Datetime picker DateTime picker for bootstrap http://tarruda.github.com/boot... Go


Modal extensions Extending Modal plugins for Bootstrap, adding effects, compatibility, etc.

Title Description URL View
Bootbox.js Alert, confirm and flexible dialogs for Bootstrap. http://bootboxjs.com/ Go
Extended Bootstrap Modals Extends Bootstrap's native modals to provide additional functionality. Responsive, Stackable, Full width, Load content via AJAX https://github.com/jschr/boots... Go
Bootstrap Lightbox Lightbox feature for images and text content http://jbutz.github.com/bootst... Go


Javascript extensions Extending Bootstrap Upload functionality, pagination, tables, typeahead and other scriptable aspects of Bootstrap.

Title Description URL View
Colorpicker for Bootstrap Nice colorpicker for Bootstrap http://www.eyecon.ro/bootstrap... Go
Pretty Tables Nice looking tables in Bootstrap http://tableclothjs.com/ Go
Date Range picker Date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates. https://github.com/dangrossman... Go
Bootbox.js Alert, confirm and flexible dialogs for Bootstrap. http://bootboxjs.com/ Go
Fuel UX Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. http://exacttarget.github.com/... Go
Context Menu for Bootstrap Bootstrap-ified Right Click menu for Bootstrap - check the demo here :http://jsfiddle.net/msurguy/PG5HU/ https://github.com/sydcanem/bo... Go
Bootstrap File upload button Awesome Bootstrap extensions by Jasny including a file upload button that matches Bootstrap styles. http://jasny.github.com/bootst... Go
Modern upload for Bootstrap File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. http://blueimp.github.com/jQue... Go
BootPag BootPag - dynamic pagination jQuery plugin for twitter bootstrap http://botmonster.github.com/j... Go
Bootstrap tags Javascript tagging for Twitter Bootstrap (Written in CoffeeScript) Demo at :http://jsfiddle.net/cjFZW/2/ https://github.com/maxwells/bo... Go
Tocify - A jQuery Table of Contents Plugin A jQuery plugin that dynamically generates a table of contents. Tocify can be optionally styled with Twitter Bootstrap or jQueryUI Themeroller, and optionally animated with jQuery show/hide effects. Tocify also optionally provides support for smooth scrolling, scroll highlighting, scroll page extending, and forward and back button support. http://gregfranko.com/jquery.t... Go
Bootstrap Form Helpers A collection of jQuery plugins to enhance your Bootstrap forms. http://vincentlamanna.com/Boot... Go
Link Preview A facebook-like link preview js library based on Twitter Bootstrap styling components. https://github.com/Ekito/boots... Go
Data Tables Twitter Bootstrap 2 DataTables can be used with Bootstrap 2. There are a number of changes that effect the DataTables integration in Bootstrap 2: 1.Name change for the table classes 2.The grid has been changed from 16 to 12 columns 3.Classes for table sorting have been removed 4.Form elements are not laid out slightly differently 5.Minor changes to the table CSS http://www.datatables.net/blog... Go
Tags Manager A jQuery plugin (working nicely with Twitter Bootstrap) https://github.com/max-favilli... Go
Tags for Twitter Bootstrap 2.x bootstrap-tag is a javascript plugin that makes it easy to create simple, beautiful tag inputs with the help of Twitter Bootstrap. https://github.com/fdeschenes/... Go
Knockout-bootstrap Custom knockout bindings that make it easier for developers to integrate bootstrap into their knockout views. http://billpull.github.com/kno... Go
Tab drop for Bootstrap Very usefull script when your tabs do not fit in a single row. This script takes the not fitting tabs and makes a new dropdown tab. In the dropdown there are all the tabs that do not fit. http://www.eyecon.ro/bootstrap... Go
Bootstrap Switch Unofficial bootstrap switch! http://www.larentis.eu/switch/ Go
Bootstro.js Show your users a guided tour of what is what on a page. Especially, for first-time users. Use it with Bootstrap. http://clu3.github.com/bootstr... Go
Markdown Editor Markdown editing meet Bootstrap http://toopay.github.com/boots... Go
Bootstrap Tag Autocomplete @mention autocomplete like Facebook, Twitter and Sandglaz. http://sandglaz.github.com/boo... Go
Bootstrap Maxlength Bootstrap Maxlength is a jQuery / Twitter Bootstrap plugin useful to display the maximum length of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work. http://mimo84.github.io/bootst... Go
Bootstrap Multi-Suggest Typeahead Extends the default Bootstrap Typeahead component to support: multiple datasources data from Backbone.js Collections, RESTful services (AJAX/JSON), and static arrays dynamic filtering custom, per-datasource list formatters separate visible & hidden select values minimum number of characters before a search is performed https://github.com/rroppolo/bo... Go


Colorizers and UI improvements Need to make your Bootstrap color scheme pretty? These resources will help customize Bootstrap.

Title Description URL View
Bootstrap Button Builder Generate your bootstrap buttons quickly with Bootsnipp Button generator! http://bootsnipp.com/buttons Go
Make your Bootstrap pretty Paintstrap lets you quickly choose a color palette from Colorlovers or Adobe Kuler http://paintstrap.com/ Go
Bootstrap Captcha Captcha styles for Bootstrap http://jsfiddle.net/hqv27/ Go
Bootstrap jQuery UI theme Provides Bootstrap look and feel to jQuery UI components http://addyosmani.github.com/j... Go
Facebook page Bootstrap style 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. http://ckrack.github.com/fboot... Go
Google Plus style for Bootstrap This Bootstrap style looks very much like Google+ interface! http://xbreaker.github.com/plu... Go
SelectBoxIt Bootstrap Styled select boxes http://gregfranko.com/jquery.s... Go
Bootstrap File upload button Awesome Bootstrap extensions by Jasny including a file upload button that matches Bootstrap styles. http://jasny.github.com/bootst... Go
Bootswatch. Free themes for Bootstrap. Add color to your Bootstrap site without touching a color picker http://bootswatch.com/ Go
Boostrap Theme Roller ThemeRoller for Twitter Bootstrap. http://bootswatchr.com/ Go
Bootstrap Toggle Buttons Nice Bootstrap Toggle Buttons http://www.larentis.eu/bootstr... Go
BootTheme : Online Web Design Tool and Theme Generator for Twitter Bootstrap BootTheme is a cloud based Online Web Design Tool as well as a Theme Generator. You can design webpages easily, generate themes effortlessly and preview result instantly using BootTheme. http://www.boottheme.com/ Go
Beautiful Buttons for Twitter Bootstrappers This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) http://charliepark.org/bootstr... Go
BootMetro BootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use the "Windows 8 MetroUI" style, without the need to run on Windows 8. It is built on top of Twitter Bootstrap and was originally inspired by the Metro UI CSS by Sergey Pimenov. http://aozora.github.com/bootm... Go
Tocify - A jQuery Table of Contents Plugin A jQuery plugin that dynamically generates a table of contents. Tocify can be optionally styled with Twitter Bootstrap or jQueryUI Themeroller, and optionally animated with jQuery show/hide effects. Tocify also optionally provides support for smooth scrolling, scroll highlighting, scroll page extending, and forward and back button support. http://gregfranko.com/jquery.t... Go
Flatstrap Don't need rounded corners or gradients in your Bootstrap? Use Flatstrap http://littlesparkvt.com/flats... Go
Select2 Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. http://ivaynberg.github.com/se... Go
Kickstrap Kickstrap is a no-install framework to extend Bootstrap with apps, themes, and, extras. http://getkickstrap.com Go
Bootstrap magic Bootstrap themes generator with new features such as smart typeahead, additionnal variables, colorpicker. It is made with AngularJS. Give it a try. http://pikock.github.com/boots... Go
TinyMCE skin Bootstrap A template for tinyMCE based on Twitter Bootstrap https://github.com/gtraxx/tiny... Go
bootstrap-select A custom select for @twitter bootstrap using button dropdown, designed to behave like regular Bootstrap selects https://github.com/silviomoret... Go
Tags for Twitter Bootstrap 2.x bootstrap-tag is a javascript plugin that makes it easy to create simple, beautiful tag inputs with the help of Twitter Bootstrap. https://github.com/fdeschenes/... Go
BIC calendar Nice calendar for Bootstrap with popovers https://github.com/bichotll/bi... Go
Bootstrap Switch Unofficial bootstrap switch! http://www.larentis.eu/switch/ Go
LTR to RTL PHP script. PHP script to flip bootstrap direction from LTR to RTL. http://daif.net/script/flipcss... Go
Bootstrap styled file upload button Make your file input buttons pretty with this jQuery plugin http://markusslima.github.com/... Go
Bootstro.js Show your users a guided tour of what is what on a page. Especially, for first-time users. Use it with Bootstrap. http://clu3.github.com/bootstr... Go
Bootstrap Dropdown Menus Enhancement Enhancing functionality of dropdown menus. Added the following improvements: Support for radio and checkboxes Positioning of menus Bullet for menus http://behigh.github.com/boots... Go
Bootstrap Maxlength Bootstrap Maxlength is a jQuery / Twitter Bootstrap plugin useful to display the maximum length of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work. http://mimo84.github.io/bootst... Go


Icon fonts Icon fonts are essential for screen resolution - independent web design, make sure you use them instead of standard Bootstrap icons.

Title Description URL View
Font Awesome Nice vector icon fonts for Bootstrap http://fortawesome.github.com/... Go
Fontello All iconic fonts in one customized vector font. You can choose glyphs to include in your set. http://fontello.com/ Go
Bootstrap Arrows Arrows for Bootstrap, by @Iarfhlaith http://bootstrap-arrows.iarfhl... Go
Ligature Symbols Icons Iconic font with 250 icons. http://kudakurage.com/ligature... Go
Font Custom Generate custom icon webfonts from the comfort of the command line. http://fontcustom.com/ Go
Elusive Icons Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! http://aristath.github.com/elu... Go


Uncategorized Yet to be categorized

Title Description URL View
Grid displayer bookmarklet In-browser web design made easier with this bookmarklet which displays the grid of Bootstrap. http://alefeuvre.github.com/fo... Go
Bootsnipp RSS into Evernote IFTTT recipe Create Evernote Entry anytime an RSS entry is created from Bootsnip https://ifttt.com/recipes/6272... Go
Sublime Text 2 snippets Twitter Bootstrap snippets for Sublime Text 2 http://github.com/devtellect/s... Go
Bootstrap CDN Content Delivery Network that specializes in serving just the Bootstrap CSS, JS and icons. http://bootstrapcdn.com Go
Unofficial Debian Package for Twitter Bootstrap Actual package and repository to stay up to date on your Debian server http://v.s.cz/tbpackage.php Go
Bootstrap Nuget Packages Bootstrap compiled (https://nuget.org/packages/Twitter.Bootstrap) and LESS source (https://nuget.org/packages/Twitter.Bootstrap.Less) packages for the nuget package manager. https://github.com/sirkirby/tw... Go
wicket-bootstrap Twitter-Bootstrap components for the Apache Wicket framework https://github.com/l0rdn1kk0n/... Go
Rails Example with Bootstrap Tutorial and example application shows how to use Twitter Bootstrap with the Ruby on Rails framework. From the RailsApps open source project. https://github.com/RailsApps/r... Go
Django Admin Bootstrap theme A plug&play Django app to Bootstrap your Admin interface http://www.codingnot.es/bootst... Go
RTL Twitter Bootstrap RTL Bootstrap is Right To Left Of Twitter Bootstrap For Persian, Arabic, Urdu and etc. https://www.nuget.org/packages... Go

 

 
 


We use our own cookies and third-party cookies to improve our services, show products based on your preferences, analyse the browsing habits of our users, and enable interaction with social networks. Continuing to browse our sites implies full acceptance of their use. You can change your cookie setting or get more information here: Cookies policy .