Category Archives: plugins

Plugins for designers and developers. sharing important articles blogs for web designers and web developers from web design blogs. Daily tweets about HTML5, CSS3, Jquery, javascript, bootstrap, ajax, php.

Quick and easy product tours with Bootstrap

bootstrap-tour

Quick and easy way to build your product tours with Bootstrap Popovers.

Read More Demo

Bootstrap powered flexible dialog boxes

bootboxjs

Bootbox – Bootstrap powered alert, confirm and flexible dialog boxes. Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Twitter’s bootstrap framework.

Read More Demo

Turn checkboxes and radio buttons in toggle switches

bootstrap-switch

Turn checkboxes and radio buttons in toggle switches.

Read More Demo

Make webpages look like they are from the 1980s

kristopolus

A Twitter Bootstrap theme to make webpages look like they are from the 1980s.

Read More Demo

BOOTFLAT : Flat UI KIT based on Bootstrap

bootflat

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.

Read More Demo

Android Bootstrap App

android-bootstrap

Android Bootstrap is now API 15+ only. I will also be implementing RxJava, Material design and a few other things into this app as well. There will be no upgrade path as Android Bootstrap is mean to act as a starting point for Android Applications.

Read More Demo

Twitter Bootstrap for Rails

Twitter-bootstrap-rails project integrates Bootstrap CSS toolkit for Rails Asset Pipeline (Rails 4, 3.1, 3.2 are supported).

Read More Demo

Minimalist JavaScript library for reorderable drag and drop lists

browserandtouch

Sortable — is a minimalist JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React and any CSS library, e.g. Bootstrap.

Read More Demo

Bootstrap style buttons with Font Awesome

fontawesome

Bootstrap style buttons with Font Awesome

Read More Demo

Free UI Kits built on Bootstrap

moderntouch

Free UI Kits built on Bootstrap for any developer that wants to build a cool looking and functional website. Enjoy!

Read More Demo

HTML starter templates for Bootstrap

startbootstrap

A library of free and open source Bootstrap themes and templates.

Read More Demo

Extends Twitter Bootstrap with additional lightweight JavaScript controls

fuelux

Extends Twitter Bootstrap with additional lightweight JavaScript controls. Easy to install, customize, update, and optimize. All functionality covered by live documentation and unit tests.

Read More Demo

Free Premium Admin control Panel Theme That Is Based On Bootstrap 3

dashboard-bootstrap

AdminLTE — is a fully responsive admin template. Based on Bootstrap 3 framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. Check out the live preview now and see for yourself.

Read More Demo

Integration of Bootstrap into your AngularJS

angularstrap

AngularStrap is a set of native directives that enables seamless integration of Bootstrap 3.0+ into your AngularJS 1.2+ app.

Read More Demo

Sage : WordPress starter theme

sage

Sage is a WordPress starter theme based on HTML5 Boilerplate, gulp, Bower, and Bootstrap, that will help you make better themes.

Read More Demo

Material design theme for Bootstrap 3

bootstrap-material-design

This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme, after the Bootstrap CSS and include the JavaScript at the end of your document (just before the tag), and everything will be converted to Material Design (Paper) style.

Read More Demo

Accessible HTML5 Video Player

html5videoplayer

A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For details, read the blog post Introducing an Accessible HTML5 Video Player on the PayPal Engineering blog.

Read More Demo

Dygraphs JavaScript charting library

dygraphs

Interactive visualizations of time series using JavaScript and the HTML canvas tag. The dygraphs JavaScript library produces interactive, zoomable charts of time series.

Read More Demo

Sisyphus.js : Gmail-like client-side drafts and bit more

sisyphus

Plugin developed to save html forms data to LocalStorage to restore them after browser crashes, tabs closings and other disasters.

Read More Demo

Library for building data applications in pure Javascript and HTML

recline

A simple but powerful library for building data applications in pure Javascript and HTML.

Read More Demo

RegExr : Javascript Plugin

regexr

RegExr is a HTML/JS based tool for creating, testing, and learning about Regular Expressions.

Read More Demo

Easily stylable semantic HTML data grid widget

Backgrid

Finally, an easily stylable semantic HTML data grid widget with a Javascript API that doesn’t suck.

Read More Demo

A jQuery calendar plugin that uses HTML templates

htmlcalender

CLNDR is a jQuery calendar plugin. It was created- you’ve heard this before- out of frustration with the lack of truly dynamic front-end calendar plugins out there.

Read More Demo

Amazing effects by rendering HTML CSS in WebGL

FPS

HTML GL solves “the slow DOM problem” by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have.

Read More Demo

Format user input to match a specified pattern

formatter

Format html inputs to match a specified pattern.

Read More Demo

Web based Javascript HTML WYSIWYG editor control

tinymice

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL

Read More Demo

Accelerated panning and zooming for HTML and Canvas

htmldom

A pure logic component for scrolling/zooming. It is independent of any specific kind of rendering or event system.

Read More Demo

FancyBox : Add zooming functionality for images and contents

fancyBox

FancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.

Read More Demo

Full Featured HTML Framework For Building iOS Apps

framework7

Full Featured HTML Framework For Building iOS Apps

Read More Demo

JavaScript library for building modern HTML presentations

deckjs

A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.

Read More Demo

Screenshots with JavaScript

htmlcanvas

This script allows you to take “screenshots” of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.

Read More Demo

Excel-like spreadsheet for apps

JavaScript component with blazing fast engine

jsplugin

Handsontable is a data grid component with an Excel-like appearance. Built in JavaScript, it integrates with any data source with peak efficiency.

Read More Demo

List.js : javascript Plugin

jslist

The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.

Read More Demo

jQuery Bootgrid Plugin

jquery-bootgrid

Nice, sleek and intuitive. A grid control especially designed for bootstrap.

Read More Demo

jQuery plugin to make HTML tables responsive

jQuery plugin to make HTML tables responsive
footable

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome – No matter how many columns of data you may have in them.

Read More Demo

jQuery-Picture-Cut : jQuery plugin that handles images

jquery-picturecut

picture cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others.

Read More Demo

gridstack.js:widget layout jQuery plugin

gridstack

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 Demo

LightWeight popover plugin with jquery

webuipopover

A lightWeight popover plugin with jquery ,enchance the popover plugin of bootstrap with some awesome new features

Read More Demo

Display filepaths as a browsable directory list : bootstrap

directory-tree

jQuery Plugin for displaying an array of filepaths as a browsable, hierarchical directory (tree) structure. Plays nice with Bootstrap 3. Tested with jQuery v2.1.3.

Read More Demo

Data in tree structure by using angular, bootstrap

bootstrap-data-tree

Javascript Tree Grid using JQuery, Angularjs, and Javascript.

Read More Demo

JQuery validation framework for bootstrap forms

bootstrap-validation

A JQuery validation framework for bootstrap forms. Displays validation errors in help-block elements as users type.

Read More Demo

X-editable : Jquery, Bootstrap Plugin

x-editable-bootstrap

This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes.

Read More Demo

Date range picker component for Bootstrap

date-time-rangepicker-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 Demo

jQuery Mobile theme based on Bootstrap

jQuery-Mobile-theme-Bootstrap

A jQuery Mobile theme based on Bootstrap.

Read More Demo

Multi-Color progressbar component for Twitter Bootstrap

multicolor-progressbar

Multi-Color progressbar component for Twitter Bootstrap creates a progressbar which consists out of three colors or zones -Green (bar-success), Orange (bar-warning),Red (bar-danger)

Read More Demo

jQDrawBootstrapGrid : Grid columns to a twitter bootstrap enabled layout.

grid-columns-bootstrap

A simple jQuery plugin that draws grid columns to a twitter bootstrap layout.

Read More Demo

Multiple Selection Combo Box using Bootstrap 3

magicsuggest-bootstrap

Multiple Selection Combo Box using Bootstrap 3.

Read More Demo

Mention functionality for bootstrap

mention-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 Demo

Responsive Bootstrap-Modal

responsive-bootstrap-modal

Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.

Read More Demo

Twitter Bootstrap theme with jQuery UI

jquery-ui-bootstrap

This project was started to bring the beauty and ease-of-use of Bootstrap to jQuery UI widgets

Read More Demo

Bootstrap-maxlength

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 Demo

Bootstrap Switch

bootstrap-switch

Turn checkboxes and radio buttons in toggle switches.

Read More Demo

Custom select for Bootstrap

custom-select

A custom select / multiselect for Bootstrap using button dropdown, designed to behave like regular Bootstrap selects.

Read More Demo

Simple lightbox plugin based on the bootstrap modal plugin

bootstrap-lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

Read More Demo

Clockface timepicker for Twitter Bootstrap

timepicker-bootstrap

Clockface timepicker for Twitter Bootstrap

Read More Demo

Library for adding declarative ajax functionality to your website

bootstrap-ajax

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 a backbone.js approach to building a web app, eldarion-ajax leverages server side template rendering engines to render and return HTML fragments.

Read More Demo

Bootstrap Tags Input : Jquery Plugin

bootstrap-tag-input

Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

Read More Demo

Simple WYSIWYG Editor using Bootstrap

summernote

Super simple WYSIWYG Editor using Bootstrap.

Read More Demo

Bootstrap themed per column filter for an HTML table

filterable

Bootstrap and X-editable themed jQuery plugin that preforms per-column filtering for an HTML table.

Read More Demo

Mobile and touch friendly input spinner component for Bootstrap

bootstrap-touchspin

Bootstrap TouchSpin is a mobile and touch friendly input spinner component for Bootstrap 3.

Read More Demo

Bootstrap Combobox

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 Demo

Contextual Menus with Twitters Bootstrap

context

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 Demo

Bootstrap plugin for markdown editing

markdownplugin

Markdown editing plugin for Bootstrap

Read More Demo

Bootstrap popover for jquery validate

bootstrap-popover

Show error message via bootstrap popover for jquery validate.

Read More Demo

Twitter Bootstrap and jQuery Isotope

Isotope

Combines the epic powers of Twitter Bootstrap and jQuery Isotope.

Read More Demo

Select decorator component for Twitter Bootstrap

bselect

The select decorator component that was missing for Twitter Bootstrap.

Read More Demo

bbGrid : Grid system based on jQuery & Twitter Bootstrap

bbgrid

This is a pull-out grid system on Backbone.js , Bootstrap and jQuery frameworks developed ( like jqGrid ) .

Read More Demo

Lightweight switch like widget using bootstrap and jQuery

Switch

A lightweight switch-like widget using twitter bootstrap and jQuery. This is good for simulating states like on/off, user/admin etc.

Read More Demo

Bootstrap Pagy jquery plugin simplifies Bootstrap Pagination component

bootstrap-pagy

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) and Bootstrap (for Markup)

Read More Demo

Bootstrap Color Picker Sliders

bootstrap-colorpickersliders

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 Demo

jQuery Bootstrap style Dropdowns

jquery-bootstrap-dropdown

Bootstrap-style dropdowns with some added features and no dependencies.

Read More Demo

Pines Steps : JavaScript wizard for Bootstrap

PinesSteps.png

Pines Steps is a JavaScript steps ( wizard ) plugin , Angela Murrell developed as part Pines . It was designed to offer an unparalleled level of flexibility while still very easy to implement and use.

Read More Demo

jQuery Pagination plugin

jquery-pagination

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 Demo

Bootstrap Tabcordion transforms a set of Bootstrap tabs into a Bootstrap accordion

Tabcordion-js

A simple jQuery plugin that transforms a set of tabs in a Bootstrap Bootstrap accordion . It can be configured to perform this conversion on the basis of the size of the container or viewport to appealing awesomeness to your keyword rich user interface provide .

Read More Demo

jQuery color picker for Twitter Bootstrap

 jQuery-color-picker

an easy-to-use jQuery color picker for Twitter Bootstrap

Read More Demo

Bootstrap Modal more monkey-friendly

bootstrap-dialog

Make use of Twitter Bootstrap’s modal more monkey-friendly.

Read More Demo

Bootstrap widget that makes a HTML table editable

editable-bootstrap-widget

Tiny jQuery / bootstrap widget that makes an HTML table editable

Read More Demo

Bootstrap growl : Jquery Plugin for bootstrap

growl

Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications.

Read More Demo

Boostrap dynamic pagination jQuery plugin : BootPag

dynamic-pagination

This jQuery plugin helps you create dynamic pagination with Bootstrap or in any other html pages.

Read More Demo

Progressbar interactions for twitter bootstrap

progressbar-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 callback .

Read More Demo

Responsive Bootstrap Gallery

bootstrap-responsive-gallery

A small, light, responsive Bootstrap Gallery

Read More Demo

Clock style timepicker for Bootstrap

color-picker

A clock-style timepicker for Bootstrap (or jQuery).

Read More Demo

Bootstrap Filestyle : jquery based plugin

bootstrap-filestyle

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 Demo

Jquery plugin for hiding Bootstrap tabs inside a dropdown

droptabs

Jquery plugin for hiding Bootstrap tabs inside a dropdown, when viewport is too small.

Read More Demo

Bootstrap plugin for Auto-Hiding Navbar

bootstrap-autohide

An extension for fixed bootstrap navbar , the hidden the navigation bar while scrolling down the page and display it in the other direction .

Read More Demo

Twitter bootstrap plugin for show or hide password

showorhidepassword

Show/hide password plugin for twitter bootstrap.

Read More Demo

jQuery Datagrid plugin based on Twitter Bootstrap

bootstrap-data-grid

bootstrap grid is a jQuery Datagrid plugin, based on Twitter Bootstrap.

Read More Demo

jQuery plugin for generating photoset gallery using Bootstrap

bootstrap-gallery

jQuery plugin for generating photoset gallery using Bootstrap and Bootstrap Image Gallery.

Read More Demo

Bootstrap-rating : jQuery plugin

bootstrap-rating

Bootstrap Rating is a jQuery plugin that creates a rating control that uses Bootstrap glyphicons for rating symbols.

Read More Demo

jQuery Validation with Bootstrap tooltip

validation

A drop in extension replacing error labels from jQuery Validation plugin with Twitter Bootstrap tooltips.

Read More Demo

jQuery drag and drop HTML builder for Bootstrap

draganddrop

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 ” attributes that allow store JS libraries settings and helper to parse the document structure editor .

Read More Demo

A jQuery menu plugin for Bootstrap – metisMenu

metisMenu

A jQuery menu plugin.

Read More Demo

jquery progressTimer for Bootstrap

jqueryprogresstimer

jQuery Progress timer is a jquery extension that extends the functionality of the Bootstrap progress bar component

Read More Demo

Airview your images just like a tooltip : javascript plugin

tooltip-image

Airview is a Javascript plugin which displays single image as Bootstrap Tooltip. It requires Bootstraps Tooltip.js and JQuery.js to work, both of these plugins are provided.

Read More Demo

Bootstrap Dropdown Menus Enhancement

bootstrap-dropdown

Enhancing functionality of dropdown menus. Added the following improvements:

Sub-Menus
Support for radio and checkboxes
Positioning of menus
Bullet for menus

Read More Demo

Bootstrap plugin for on-place confirm boxes using Popover

bootstrap-confirmation

Bootstrap plugin for on-place confirm boxes using Popover

Read More Demo

Bootstrap Date Time Picker

datepicker-bootstrap

Date/time picker widget based on twitter bootstrap.

Read More Demo

Combobox plugin for Twitter Bootstrap

combobox

Provides combobox as a Twitter Bootstrap component, based on dropdown (which is compatible down to IE7).

Read More Demo

A jQuery tagging input plugin for Twitter’s Bootstrap

tokenfield

A jQuery tag/token input plugin for Twitter’s Bootstrap, by the guys from Sliptree .

Read More Demo