TODC Bootstrap - A Google-Styled Theme For Twitter Bootstrap

TODC Bootstrap is a custom version of Twitter Bootstrap which is style according to Google’s theme. It is the same styling used in Gmail, Google Drive and other Google products.

TODC Bootstrap has been tested in Google Chrome, Firefox, and IE8+.

Requirements: None
Demo: http://todc.github.com/todc-bootstrap/index.html
License: Apache License v2.0

jQuery UI Bootstrap Theme - Bootstrap v2.X's Theme For jQuery UI

jQuery UI Bootstrap Theme is a fresh attempt at making a jQuery UI theme based upon the popular jQuery UI design. 

We have previously seen Addy Osmani create a similar theme for jQuery UI based on Twitter Bootstrap, but the project has not been updated to reflect the new design of Twitter Bootstrap 2.X.

This version of the jQuery UI Bootstrap theme is based on the latest design and looks very sleek. If you’ve been looking for an update to Addy Osmani’s jQuery UI Bootstrap theme, then this one might come in handy.

Requirements: jQuery UI
Demo: http://gustavohenke.github.com/jquery-ui-bootstrap/
License: MIT License

Bootstrap Tour Extended - Powerful JavaScript Tour Library Built For Highly Dynamic Applications

Bootstrap Tour Extended is a JavaScript tour library built ontop of Twitter Bootstrap.  It is a fork of the previously featured Bootstrap Tour plugin on Functionn. However, this Bootstrap Tour library adds some more bells and whistles to the older library, making it more appropriate for highly dynamic applications.

Francois-Guillaume Ribreau, the author, wanted a persistant, clean, evented, deferred based Tour library with optional overlay support. With no other tour library providing all those features, Bootstrap Tour Extended was created to cater to those features.

What makes Bootstrap Tour Extended appropriate for highly dynamic applications is the global parameters the tour library can take.  It accepts both strings and functions as parameters. This feature allows you to attach tour features to elements which are not yet present at tour start-up but do sometime after in the timeline.

Requirements: Twitter Bootstrap, jQuery
Demo: http://sorich87.github.com/bootstrap-tour/
License: MIT License or GPL

DateTime Picker - A Feature-Rich DateTime Picker Component For Twitter Bootstrap

DateTImer Picker is a feature-rich DateTime Picker for Twitter Bootstrap.  It allow you to find DatePickers to form fields and has view for the following time lapses: Decade, Year, Month, Day, and Hour views.

DateTImer Picker also provides keyboard navigation support.  Using the left/right key updates the calendar by one day.  The up/down keys update the calendar by one week. 

Using the shift key and pressing up/left will move the calendar back one month.  Using the shift and down/right key will move the calendar forward one month.

Using the control key, and the up/left key moves the calendar backward one year and the control and down/right key moves the calendar forward one year.

Requirements: Twitter Bootstrap
Demo: http://www.malot.fr/bootstrap-datetimepicker/demo.php
License: Apache License v2.0

Bootstrap Date/Time Picker - A Sleek Date/Time Picker For Twitter Boostrap

Bootstrap Date/Time Picker is as its name says a date/time picker for Twitter Bootstrap.  Unlike other pickers, this one combines both a date and a time picker in a simple pop-up menu.

This allows you to choose both a date and a time, down to the second.  The interface of the date-time picker is sleek and allows you to change the picking mode from date to time with a single click.  Of course, you can  style the picker if you wish to.

Requirements: jQuery, Twitter Bootstrap
Demo: http://tarruda.github.com/bootstrap-datetimepicker/
License: Apache License v2.0

Sani - Just A Blogging Framework Using Github

Sani is a blogging framework designed for Jekyll, to be used on Github Pages with Prose.io.  To start blogging with Jekyll, you need to write your own HTML templates, CSS, Javascripts and set up your configuration. But with Sani, all you need to do is clone or fork Sani, install dependencies, and you’re set. All else is taken care of.(This is when you are setting up from your own computer.)

Sani is a bunch of HTML, CSS and Javascript script files along with a Rakefile. The HTML, CSS and JS form the theme while rake gives you automation regarding generating and publishing the blog. Sani is an implementation of what people, who don't use Octopress and Jekyll Bootstrap, use to make do with GH pages.

Sani uses Disqus for comments and a theme designed by Adrian Artiles. Also, the rakefile is mostly ripped off from Octopress with some modifications.

Setting up Sani is so easy, it can be done even if you don't have access to the device your regularly use.

Requirements: Github Account
Demo: http://arkokoley.github.com/…presenting-sani/
License: MIT License

Mention.js - A Wrapper For @user Mention Functionality For Bootstrap Typeahead

Mention.js is a JavaScript lightweight wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin.

You just provide an array of Twitter usernames, and the JavaScript library does the magic and shows an auto-completion menu as you type “@” followed by an alphabet.

Requirements: jQuery, Twitter Bootstrap
Demo: http://jsfiddle.net/qCXD5/
License: MIT License

Bootleg.css - Twitter Bootstrap's JavaScript Components Re-Done With CSS

Bootleg.css is an implementation of Twitter Bootstrap’s components completely in CSS.  Bootleg.css bring Bootstrap's components to life—now with 8 custom CSS plugins that (ab)use checkboxes.  The following components have been implemented in CSS: Modal, Dropdown, Tab, Button, Collapse and Carousel.

Requirements: Twitter Bootstrap
Demo: http://labs.thecssninja.com/bootleg/
License: Apache License v2.0

Flatstrap - Bootstrap With No Rounded Corners, Gradients Or Drop Shadows

Flatstrap is a version of Twitter Bootstrap with no rounded corners, gradients or drop shadows.  This allows you to use Bootstrap for Metro-like designs.

Requirements: None
Demo: http://littlespa…getting-started.html#examples
License: GPL

X-Editable - An In-Place Editing JavaScript Library For Bootstrap, jQuery UI Or jQuery

X-editable is a JavaScript library which allows you to create editable elements on your page.  It can be used with any engine (Twitter Bootstrap, jQuery UI or jQuery only) and includes both popup and inline modes.

It's new life of bootstrap-editable plugin that was strongly refactored and improved.  Please try out demo to see how it works.

• Bootstrap - Twitter Bootstrap has awesome Form markup and Popover plugin allowing pretty in-place editing. For date input it uses bootstrap-datepicker.
• jQuery UI (1.9+) - Starting from jQuery UI 1.9 it has Tooltip plugin. In combination with Button widget it is very suitable for editable form and popup. You can apply any theme of jQuery UI Themeroller.
• jQuery (+ poshytip plugin) - The simplest build of X-editable. For inline mode you need only jQuery. For popup mode it uses Poshytip plugin. To show date picker you should include jQuery UI date picker. Or surely you can write your own inputs.

Requirements: Twitter Bootstrap, jQuery or jQuery UI
Demo: http://vitalets.github.com/x-editable/demo.html
License: MIT License

Font Custom - Generate Custom Icon Web Fonts From The Comfort Of The Command Line

Font Custom is a tool to generate custom icon web fonts from the comfort of the command line.

Features

• Cross-Browser - Output multiple font formats and a bulletproof stylesheet with one command. Works on modern browsers, quirky mobile flavors, and even your old friend IE8.
• Bootstrap-Ready - Font Custom creates styles using Bootstrap's .icon-{{your-icon-name}} naming convention. Just include fontcustom.css and you're set.
• Plug And Play - No configuration or navigating confusing APIs. Just place all your vectors in a folder, link a CSS file, and let Font Custom take care of the rest.
• Infinite Options - Why limit yourself to generic, overused icon sets? Create your own vectors or check out Glyphicons and The Noun Project for a buffet of possibilities.
• Flexible Sizes - Resize icons to your heart's content. Since they're vector, Font Custom icons appear crisp at any size. (Also, no more @2x icon assets.)
• Just Add CSS - Change colors, add shadows, rotate, transmogrify — style icons however you want with just a little CSS. Tweaking icon designs has never been easier.
• Smaller File Sizes - Icon font sets like Pictos and Font Awesome require browsers to download hundreds of icons you'll never use. Font Custom only includes the icons you choose.
• Screen Reader Friendly - Some icon fonts use letters or alphanumeric characters which are read out by screen readers. Font Custom uses Unicode's PUA so this won't ever be an issue.
• Automatic Regeneration - Add an icon? Remove an icon? Fonts and styles are regenerated instantly thanks to Font Custom's handy command line watcher.

Requirements: None
Demo: http://fontcustom.com/
License: MIT License

Cosmo - A Free Metro-Inspired Theme For Bootstrap

Cosmo is a brand new Bootstrap theme inspired by Metro.  Cosmo features bright colors and no-frill components reminiscent of Windows 8.  You can jump right in and use it exactly like you would use standard Bootstrap.

Requirements: Twitter Bootstrap
Demo: http://bootswatch.com/cosmo/
License: Apache License v2.0

Bootstrap Progress Bar - a jQuery Plugin For Multicolored Progress Bars For Twitter Bootstrap

Bootstrap Progress Bar is a jQuery plugin for multicolored1 progress bar component for Twitter Bootstrap creates a progress bar which consists out of three colors or zones, which can include:

• Green (bar-success)
• Orange (bar-warning)
• Red (bar-danger)

The progress bar consists out of three zones: safe, warning and danger. The safe zone is displayed in green, the warning zone in orange and red is used for the danger zone.

By default the following percentages are used for the zones:

• Green (0 - 50%)
• Warning (50 - 90%)
• Danger (90 - 100%)

The progress bar automatically changes the color depending on its position.

Requirements: jQuery, Twitter Bootstrap
Demo: http://geersch.github…rogressbar/demo.html
License: Apache License v2.0

Plusstrap - A Sleek, Intuitive, And Powerful Front-End Framework For Faster And Easier Web Development

Plusstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development.  Forked from Twitter Bootstrap, built by @xbreaker, Plusstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web.

Plusstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.

A 12-column responsive grid, dozens of components, javascript plugins, typography, form controls, and even a web-based Customizer to make Plusstrap your own.

Requirements: None
Demo: http://xbreaker.github.com/plusstrap/
License: Apache License v2.0

Bootbox.js - Alert, Confirm And Flexible Dialogs For Twitter's Bootstrap Framework

Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter's Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

Requirements: Twitter Bootstrap, jQuery
Demo: http://bootboxjs.com/#examples
License: MIT License

Inspiritas - A Free Bootstrap Theme

Inspiritas is a free Twitter Bootstrap theme.  It includes the following features:

• All the goodness of Bootstrap 2
• A hand-crafted, completely new visual theme
• Easy to customize
• Free and maintained
• Uses overrides to make future updates to Bootstrap easy to get
• PSD included
• BONUS: Includes styling for Highcharts charting library

Requirements: Twitter Bootstrap
Demo: http://littke.com/…tstrap-theme-by-ripple.html
License: Free

jQuerin Grid Builder - A Tool To Create Responsive Grids In A Visual Manner

jQuerin Grid Builder lets you create responsive grids in a visual manner and outputs semantic and clean HTML & CSS code.  There are dozens of frameworks out there like Zengrids, ZURB, Less, Bootstrap, Blueprint, Elastic, 960.gs...the list goes on.  You can build jQuerin Grid builders for your favourite framework.  Alternatively You can make the jQuerin Grid Builder more awesome by including more options of your choice like creating the Sass code for this.

Requirements: None
Demo: http://jquer.in/builder.html
License: MIT License or GPL

Bootstrap Date Range Picker - A Date Range Picker Component For Twitter Bootstrap

Bootstrap Date Range Picker is a pre-styled date range picker component for Twitter Bootstrap.  This date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates. It was created for the reporting UI at Improvely.

For basic use cases like collecting event or reservation dates, you can attach it to a text input to pop up two clickable calendars to choose dates from. For more advanced use cases, you can attach a date range picker to any element, pre-define your own date ranges for the user to choose from, and set a custom callback function to receive the chosen dates.

The date range picker relies on jQuery, Datejs for parsing strings into dates and defining custom ranges, and the Twitter Bootstrap CSS.

Requirements: Date.js, jQuery
Demo: http://www.dangrossman.info/…a-date-for…bootstrap/
License: Apache License v2.0

Fuel UX - A JavaScript Library To Extend Twitter Bootstrap With Additional Lightweight Controls

Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Fuel UX, simple updates, and solid optimization for deployment. All functionality is covered by live documentation and unit tests.

The Fuel UX Philosophy

The Fuel UX aim is to provide a suite of related but independent projects that help web developers integrate, manage, and customize quality libraries and utilities to more efficiently develop, maintain, test, and distribute their projects. Any improvements or fixes we make to the open source projects used will be contributed upstream if they are useful to the rest of the community.

Fuel UX Controls

• Combobox - Combines input and dropdown for easy and flexible data selection.
• Datagrid - Renders data in a table with paging, sorting, and searching.
• Pillbox - Easily manage selected items with color-coded text labels.
• Search - Combines input and button for integrated search interaction.
• Spinner - Provides convenient numeric input with increment and decrement buttons.

Features

• Fuel UX provides all of the styles and plugins from the revolutionary Twitter Bootstrap project, with the following additions:
• Fuel UX JavaScript controls (with unit tests) see them live
• Combobox - combines input and dropdown for easy and flexible data selection
• Datagrid - renders data in a table with paging, sorting, and searching
• Pillbox - manages selected items with color-coded text labels
• Search - combines input and button for integrated search interaction
• Spinner - provides convenient numeric input with increment and decrement buttons
• One-step installation and updates through volo
• AMD compatibility for modular structure and deployment optimization
• Grunt-based build script to easily create custom distribution files
• Namespaced CSS (just add a fuelux class) for safe use on existing sites

Requirements: Twitter Bootstrap
Demo: http://exacttarget.github.com/fuelux/
License: MIT License

Fine Uploader - A JavaScript Library For File Uploading Without The Hassle

Fine Uploader (a.k.a valums file-uploader) is a JavaScript library (also available for Twitter Bootstrap) for file uploading without the hassle.  This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a Javascript plugin for developers looking to incorporate file-uploading into their website.

Uses an XMLHttpRequest (AJAX) for uploading multiple files with a progress-bar in FF3.6+, Safari4+, Chrome, and falls back to hidden-iframe-based upload in other browsers (namely IE), providing good user experience everywhere.

Server support

You can use any server technology. We have already seen implementations with: ASP.NET,  ColdFusion,  Java, Node.js,  Perl,  PHP and  Python

Browser support

Tested in IE7+ (not IE10 yet), Firefox, Safari (OS X), and Chrome. Safari for Windows is not supported, nor is IE6 or earlier. It does not use Flash, jQuery, or any external libraries.

Requirements: None
Demo: http://fineuploader.com/fine-uploader-demo.html
License: MIT License or GPLv2