gridstack.js:widget layout jQuery plugin

gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js and touch devices. Read More DemoRead More

Date range picker component for Bootstrap

This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports. Read More DemoRead More

Mention functionality for bootstrap

Lightweight (min: 1.92kb, full: 4.07kb) wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin. This enables you to have Twitter-like user mentions in textareas Read More DemoRead More

Bootstrap-maxlength

This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute “maxlength” to work. Read More DemoRead More

Library for adding declarative ajax functionality to your website

No more writing the same 20 line $.ajax blocks of Javascript over and over again for each snippet of AJAX that you want to support. Easily extend support on the server side code for this by adding a top-level attribute to the JSON you are already returning called “html” that is the rendered content. Unlike […]Read More

Bootstrap Combobox

We had need of a combobox at work and after looking around at the available options I was not happy with any of them. The project had all it’s styling based on Twitter’s Bootstrap, so building on that made sense. Read More DemoRead More

Contextual Menus with Twitters Bootstrap

Context.js is a lightweight solution for contextual menus. Currently, there are two versions. The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it’s base styles. Read More DemoRead More

Bootstrap Pagy jquery plugin simplifies Bootstrap Pagination component

Bootstrap Pagy is a jQuery plugin that simplifies the use of the Bootstrap Pagination component. Features Custom previous and next button Custom first and last button Custom inner window size (default 2) Custom outer window size (default 0) Set current page and total pages programmatically Code under Apache License Only depends on jQuery (for Javascript) […]Read More

Bootstrap Color Picker Sliders

A Bootstrap 3 optimized advanced responsive color selector with color swatches and support for human perceived lightness. Works in all modern browsers and on touch devices. Read More DemoRead More

jQuery Pagination plugin

The jQuery plugin simplifies the use of bootstrap Pagintion . It uses appropriate classes : .pagination ( you change it ) , and .active .disabled . Check out the demo . Read More DemoRead More

Progressbar interactions for twitter bootstrap

Bootstrap – progress bar is a jQuery plugin that the basic twitter – Bootstrap extends progressbar . It offers the possibility of the progress bar by adding Javascript in combination animate with the existing CSS transitions . In addition, you can view the current progress information in the bar graph or the value received via […]Read More

Bootstrap Filestyle : jquery based plugin

The bootstrap file style is a plugin for jQuery -based component library could Twitter Bootstrap , used to style the file fields of forms . This plugin has an interesting way to present a form for sending files as attractive as they easily and efficiently . Read More DemoRead More

jQuery drag and drop HTML builder for Bootstrap

jQuery Drag & Drop HTML Builder – compile Bootstrap based HTML and JS . Builder extract required JS code ( about 0 % – 15 % ) of themselves and provide it with resulting HTML to initialize a third party JS libraries on the front end to allow . Generated HTML contains ” data ” […]Read More

Fullscreen select for mobile devices : Bootstrap

A custom fullscreen select / multiselect for Bootstrap using BUTTONS or User defined elements, designed for mobile devices. Often UI developers may need to trigger the select via a custom element, That is fullfilled using the data-triggerOn attribute. and access the custom element from the mobileSelect’s callback functions. mobileSelect makes it easy for mobile users […]Read More

Simple search interface experiment using Bootstrap responsive techniques

Tunes API search using jQuery + jPlayer + Bootstrap.Simple search interface experiment using Bootstrap responsive techniques.Allows user to input a search term which is executed against the public iTunes Store API.Results are faded in using jQueryUI delay and fadeTo methods. Songs can be previewed by hovering over album artwork, and clicking the jPlayer Circle Player. […]Read More

CSS3 animations with HTML5 data-attributes

Animatr is a jQuery plugin that allows you to create CSS3 animations using only HTML5 data-attributes. Lay out your animation steps by time (in seconds), percentages, or both. No more @keyframes or browser prefixing Run multiple animations simultaneously in one element Read More DemoRead More

Pure CSS loading animations with Loaders.css

CSS loading animations A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations. Read More DemoRead More

Responsive menu with transitions

A responsive menu with transitions and fallback support for older browsers. This menu works sliding down the content with a background mask that adjusts to screen height. Read More DemoRead More

Bootstrap tutorial websites

For Leanring bootstrap we must need some good resources, following are the top Bootstrap tutorial websites for you to start quickly. For a good start in bootstrap these websites will help you. Please be practical in learning, avoid too much reading in one day, take one section for one day and practice it. Best of […]Read More

Free Bootstrap One Page Templates

Bootstrap is an open-source JavaScript framework , developed by the team at Twitter . It is a combination of HTML , CSS and Javascript code designed to help the user interface components . Bootstrap has been programmed to support both HTML5 and CSS3. Here is some bootstrap one page templates, these all free to use. You can understand bootstrap coding by editing these templatesRead More

Top 42 Resources for Customizing Bootstrap

Twitter Bootstrap is the famous and popular front-end framework for the design of websites and apps .Anyone can start with a template. Promotes simple , attractive design and is bundled with a sensible default stylesheet , javascript and jquery libraries also icons files . Easy to understand for a beginner. Although it does not come […]Read More