Coderbay Essential Resources For Web Developers & Designers
Follow Coderbay
Subscribe to RSS-feed Follow Coderbay on Google Plus

Just for twitter bootstrap lovers

Posted on December 3, 2012

Just for twitter bootstrap lovers is a collection twitter bootstrap resources for web developers and designers who want to extend their experience with twitter bootstrap. Through this post we are sharing some of the exciting twitter bootstrap resources that will enhance your twitter bootstrap experience.

Google Bootstrap

Since its release Twitter bootstrap has been styled in different ways. Google bootstrap is a effort to style twitter bootstrap like Google products such as Gmail, Google Plus etc.

google_styled_bootstrap.jpg

Bootstrap jQuery Mobile Theme

Bootstrap jQuery Mobile Theme, as the name suggest is a jquery mobile theme styled in twitter bootstrap.

twitter_bootstrap_jQuery_mobile_theme.jpg


StyleBootstrap

StyleBootstrap.info is a online utility to customize the twitter bootstrap look and feel. With StyleBootstrap.info you can generate custom look and feel of buttons, typography, form inputs, navbar etc. You can visualize the changes before downloading.

style_bootstrap_inof.jpg


Bootstrap PSD

Bootstrap PSD, a free layered PSD from RepixDesign. It contain all UI element like typography, buttons, grids, navigation etc layered in Photoshop file.

twiiter_bootstrap_free_psd.jpg


Date Range Picker for Twitter Bootstrap

Date Range Picker for Twitter Bootstrap is built with twitter bootstrap, Datejs (open source javascript date library) and jQuery to show a range date picker in a web app.

date_range_picker_for_twitter_bootstrap.jpg


jQuery UI Bootstrap

jQuery UI Bootstrap provides jquery UI components in twitter bootstrap’s style. The theme contains all essential jquery UI components like datepicker, accordion, menu, slider and other popular jquery UI elements styled on the top of twitter bootstrap.

jquery_ui_bootstrap_theme.jpg


Fuel UX

Fuel UX is built on the top of Twitter Bootstrap to add additional clean and lightweight UI controls. Fuel UX are well documented UI controls.

twitter_bootstrap_controls_fuel_ux.png


Bootswatch

Bootswatch is a gallery of free themes built on the top of twitter bootstrap. The integration of the theme to your existing project is very essay by just replacing the css file.

free_bootstrap_themes_bootswatch.jpg


Buttons Generator for Twitter Bootstrap

Buttons Generator for Twitter Bootstrap is a online utility to create beautiful buttons buttons of different colours and sizes.

beautiful_buttons_for_bootstrap.jpg


Fbootstrapp

Fbootstrapp is a toolkit built on the top of popular css responsive framework twitter bootstrap to built Facebook apps.

It is packed with all necessary equipment such as base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in Facebook look and feel.

Facebook style theme in twitter bootstrap


Jasny Bootstrap

Jasny Bootstrap is Collection of additional form and input components for Bootstrap. Some of components are Action links, input mask, row link, file upload, page alerts, semi-fluid layout, desktop row and more.

jasny_bootstrap.jpg


Bootsnipp

Jasny Bootstrap is a collection of design elements and code snippets for Bootstrap.

bootstrap_bootsnipp.jpg


Font Awesome

Font Awesome is a collection of beautiful font icons to be used with twitter bootstrap.

iconic_font_for_twitter_bootstrap.jpg


Bootstrap Lightbox

Bootstrap Lightbox is a simple lightbox plugin built on top the bootstrap modal plugin.

bootstrap_lightbox.jpg


Boostrap Tags

Bootstrap Tags is a light weight jQuery autosuggest plugin to show tagging in bootstrap look and feel.

bootstrap_jquery_tags_input.jpg


BootMetro

BootMetro is intended to give windows 8 look and feel to your web application and responsive as well. It is built on the top of twitter bootstrap packed with dozens of UI components and javascript jQuery plugins.

windows8_style_bootstrap_bootmetro.jpg


Bootstrap video player

Bootstrap video player is a modern customizable HTML5 video player packed as jQuery plugin. It requires jQuery 1.6 (or above) and modern browsers to run. The plugin is tested with the following browsers;
Firefox, Safari, Chrome, Internet Explorer 9, Opera 11.

html5_bootstrap_video_player.jpg


Bootstrap Image Gallery

Bootstrap Image Gallery extends the twitter bootstrap Modal to show a beautiful image gallery. It has very cool features like keyboard and mouse navigation, transition effects, fullscreen mode and slideshow functionality.

bootstrap_image_gallery.jpg


BootstrapWP

Bootstrapwp is a starter theme for WordPress based on twitter bootstrap. It contains same assets that are packed with twitter bootstrap. If you want to develop or convert your WordPress website in responsive design, Bootstrapwp is a very good solution available there.

Twitter Bootstrap For WordPress


Bootstrap Form Helpers

Bootstrap Form Helpers extends existing bootstrap components with new custom JQuery plugins. currently there are following six plugins.

  • Select Box
  • Countries
  • States
  • Phone
  • Languages
  • Timezones
bootstrap_form_helpers.jpg


Bootstrap Wysihtml5 Editor

bootstrap-wysihtml5 is a javascript plugin to create simple, beautiful rich text editor editors in web applications. It is built with the help of wysihtml5 and Twitter Bootstrap.

bootstrap_wysihtml5_editor.jpg


jQuery File Upload

JQuery File Upload, built with twitter bootstrap can upload multiple files simultaneously. It has drag and drop (only supported on Google Chrome, Firefox 4.0+ and Safari 5.0+) and upload progress bar support. Any server-side programming like PHP, Python, Ruby, Java etc can be used with Jquery file upload.

jquery_file_uploader.jpg


Bootstrap Arrows.

Bootstrap Arrows is a simple jQuery plugin built with bootstrap to include arrows at a given angle in your web design.

jquery_bootstrap_arrows_plugin.jpg


Bootstrap Sass

bootstrap-sass is an Sass-powered version of Twitter’s Bootstrap.

Bootstrap for Sass

Some Thing new or Missing?

Although there are lot of resources for twitter bootstrap are available, I have picked some of very useful and most commonly used. If you thing some thing is missing that is very useful please do contact me via contact us page and your suggestion will be entertained if it would have some in it.


Enjoyed This Post? Share with others:

Digg this | stumble | del.icio.us | reddit.com | DZone

10 Comment(s)

  1. Precisely how much time did it take u to post “Comprehensive
    list of Twitter Bootstrap resources”? It carries a bunch of fine material.
    Thanks -Freeman from PrimeOnlineSolutions.com

  2. The past 2 websites I have been to look like autospun nonsense and
    there wasn’t even a readable sentence. Finally plenty of information I can use! Many thanks!

  3. Good day! I just want to offer you a huge thumbs up for your great information you’ve got right here on this post. I am returning to your site for more soon.

Leave a Reply

Your email address will not be published. Required fields are marked *