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

PopConfirm : simple action confirmation jquery based plugin for bootstrap

pop-confirm

A simple action confirmation plugin for jQuery based on Twitter Bootstrap Popover. It is Compatible with Bootstrap 2.3 and Bootstrap 3

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

Checkbox component based on Bootstrap framework

bootstrap-checkbox

A checkbox component based on Bootstrap framework.

Read More Demo

Bootstrap breakpoints easier with strapPoint

strap-point

StrapPoint is a small jQuery utility plugin to make working with Bootstrap breakpoints easier.

Read More Demo

Nice and customizable color picker plugin for Twitter Bootstrap

bootstrap-colorpicker

A nice and customizable colorpicker plugin for Twitter Bootstrap 2 & 3

Read More Demo

Font Awesome Icon Picker plugin

Font-Awesome-Icon-Picker

Font Awesome Icon Picker is a fully customizable plugin for Twitter Bootstrap, with a powerful base API, based on bootstrap-popover-picker

Read More Demo

Twitter Bootstrap Wizard : VinceG

twitter-bootstrap-wizard

This twitter bootstrap plugin creates a wizard from a formatter Tabfähige structure . It allows to go to a wizard functionality using the keys through the various wizards steps and allows with events , connect individually in each step to build .

Read More Demo

Easy Modal for bootstrap

easymodal

Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.

Read More Demo

Fullscreen select for mobile devices : Bootstrap

bootstrap-fullscreen

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 to get the most of their screen.

Read More Demo

Simple search interface experiment using Bootstrap responsive techniques

itunessearch

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 Demo

jQuery plugin to manage animations with Animate.css

janiamate

Do not know Animate.css? If you’re new to the wonderful world of Animate.css, I highly recommend you visit this link, to see what you can do with Animate.css.

Read More Demo

CSS3 animations with HTML5 data-attributes

css3animationwithhtml5.png

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 Demo

jquery.parallax-scroll : Smooth parallax effect on vertical page scrolling

parallaxscroll

Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions.

Read More Demo

Pure CSS loading animations with Loaders.css

css3animation

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 Demo

A simple CSS tooltip made with Sass : Simptip

simptip

A simple CSS tooltip made with Sass.

Read More Demo

Transform your icons with trendy animations

iconate

A call to transform your existing icons in a cool trendy way iconate.js is a tiny performant library for cross-browser icon transformation animations in your projects.

Read More Demo

jquery plugin to create donut and bar charts with css

csscharts

jquery plugin to create simple donut, bar or line charts with dom nodes. style with css.

Read More Demo

CSS3 Transitions and Transforms through JavaScript

css3

CSS3 Transitions and Transforms achieved through JavaScript.

Read More Demo

Animated Dropdown Mega Menu

megamenu

An Animated Dropdown Mega Menu that uses Animate CSS/HoverIntent with CSS only fallback

Read More Demo

Nb2sb converts navbar into a sidebar : jQuery plug-in

nb2sbmenu

Nb2Sb (Navbar to Sidebar) is a Bootstrap-only jQuery plug-in that converts your navbar into a sidebar.

Read More Demo

Responsive menu with transitions

responsivemenu

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 Demo

jQuery Filestyle : Style the input with jQuery

inputstyle

Style the file upload input with jQuery.

Read More Demo

jQuery URL ColorUP : Automatically highlight URLs in textareas

colorup

The plugin allows it to automatically highlight URLs in textareas like those on Twitter.Pull requests are always welcomed if you find any bugs or you want to make it better.

Read More Demo

Add-Clear button to your input fields

addclearbutton

jQuery Plugin to add a (x) clear button to your input fields.

Read More Demo

Vertical Responsive Menu : cbfranca

Vertical Responsive Menu

vertical-responsive-menu

A mobile first vertical responsive menu using HTML, CSS & JS

Demo Read More

Jquery Offcanvas – User friendly and easy mobile Navigations

Easy way to arrange overloaded websites

The easy way to arrange overloaded websites or to design user-friendly mobile navigations

Read 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 luck you guys !!

w3schools


w3schools

Getbootstrap


getbootstrap

TutorialsPoint


TutorialsPoint

Tutorial Republic


tutorialrepublic

Twitter Bootstrap 3


TwitterBootstrap3

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 templates.free bootstrap one page templates helps you to make landing pages easily

Continue reading

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 with a lot more , Bootstrap is very flexible . In this article you will find a collection of 42 must find resources you should know for customize the bootstrap. Read through Top 42 Resources for Customizing Bootstrap and enjoy!!!

Continue reading

Top Icon fonts Resources for Bootstrap Design

The following is a list of useful resources when working on icon section with Bootstrap. We’ve included top icon fonts website list.

We will continue to find resources to add this page so make sure to bookmark and come back. If you have a suggestion, please message us. cheers !

Continue reading

Bootstrap 3 grid system – Free PSD

bootstrappsdgrid

Bootstrap 3 standard grid system provided in 4 PSDs: LG, MD, SM and XS sizes. Free PSD released by Epeo

Download

jPut jQuery Plugin : JSON as customized HTML format

jPut is a small jquey plugin which you can put your JSON as customized HTML format easily.It supports loading JSON via ajax

Demo Download

GraspSchedule.js : Visualize complex Schedules & Events with jQuery plugin

graspscjedule

jQuery graspSchedule.js is a simple jQuery calendar plugin used to visualize complex schedules & events, a little similar to the timeline or event calendar.

Demo Download

jstree : jQuery Plugin for Interactive trees

jquerytree

jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license.

Demo Download

BootMetro : Create web apps with Windows 8 Metro user interface

bootstrap-metro

Easy and complete web UI framework to create web apps with Windows 8 Metro user interface.

Demo Download

bootstrap-wysihtml5:Simple wysiwyg editors

wysihtml5

bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap

Demo Download

Sketch.js : Canvas-based Drawing using jQuery

canvas

Sketch.js is an simple-to-use jQuery plugin that permit you to create canvases upon which visitors can draw.

Demo Download

jQuery Html5 plugin for take pictures through webcam : Photobooth-js

photobooth

A html5 widget that allows users to take their avatar pictures on your site.

Demo Download

10 Free High Quality Website Templates PSDs to Download

In this post we collected 10 high quality websites psd’s which is freebies (.psd files) which you can download. Enjoy and expecting your valuable comments !

Continue reading

10 Best Free Bootstrap Templates 2015

Hi everyone Download best free bootstrap templates 2015 which will be useful to create a websites easily.

Continue reading

10 Free Bootstrap 3 Portfolio Templates

In this post we have collected 10 Bootstrap 3 Portfolio templates for you to freely use in your coming projects. This all bootstrap templates free to download and you can customize for your own need. These free bootstrap portfolio templates helps you to make portfolio websites easily.

Continue reading

jQuery alert confirm & dialog plugin

A multipurpose plugin for alert, confirm & dialog, with Extended features.

Demo Read More

Stackable modal boxes with jQuery

Stackbox is a jQuery plugin for creating stackable modal boxes.

Demo Read More

Modal dialogs using javascript : Easy Modal for bootstrap

Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.

Demo Read More

Confirm dialogs with jQuery and Bootstrap

Confirm dialogs for buttons and links using jQuery and Bootstrap. Any click on the link will pop up a dialog asking the user to confirm the action.

Demo Read More

Prompt plugin : jQuery

A minimalist jQuery prompt plugin for the 21st Century.

Demo Read More

JavaScript library to manipulate the page url : URL.js

A lightweight JavaScript library to manipulate the page url

Demo Read More

convert URLs into embedable HTML

A JavaScript library to convert URLs into embedable HTML.

Demo Read More

magnificentjqueryplugin

Magnificent : jQuery plugin for responsive zoom

A jQuery plugin for responsive zoom of images & more!

Demo Read More

JavaScript library for panning and zooming SVG things

A JavaScript library for panning and zooming SVG things

Demo Read More

Menu to cross icon With JQuery and CSS3

The project menu -to- Quersymbolist a project to make people different ways a “menu icon ,” the show to have to switch to a ” cross symbol ” ( ☰ -> ✖ ) .

Some techniques use vanilla Javascript , using some jQuery and some are just CSS powerd !

Demo Read More

Lightest Tweening Engine for jQuery : jQueryTween

A super light and easy jQuery plugin which ( , animation engine Javascript) works as a controller for tween.js , and jQuery user , makes the job much easier. Imagine writing init ( ) , animate () and update () over and over again

.

This plugin is a bridge to tween.js and aims to drastically simplify the work . Each script is doing what he does best, for high-performance hardware -accelerated animation.

Demo Read More

minAjax.js – Javascript Library to perform AJAX POST and GET Request

A minimalist Javascript library to perform AJAX POST and GET Request.

jquery confirm – Multipurpose plugin for alert and confirm

A multipurpose plugin for alert, confirm & dialog, with Extended features.

Demo Read More

jquery tree plugin : jstree

jsTree jQuery plugin that provides interactive trees. It’s completely free , open source and distributed under the MIT license.

jsTree is easily extensible , Themable and configurable, supports HTML and JSON data sources , AJAX & asynchronous callback load.<

p>

jsTree working properly either box model (content playpen or border- box) can be loaded as a module and AMD has a built in mobile theme for responsive design, can be easily customized. It uses jQuery’s event system , so that the binding callbacks at various events in the tree structure is simple and easy.

Demo Read More

Useful Gallery.js : Pinboard Gallery

This content gallery loads content gradually with AJAX and uses CSS3 transitions for the animation and positioning. The optional web service providing content based on PHP , but the concept is easily be reproduced in other languages ​​.

Demo Read More

jQuery Ajax Auto-complete Combobox

A jQuery plugin for creating a text box it can auto-complete and pull-down-select.

Demo Read More

Bootstrap-modal Class – Responsive, stackable, ajax

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

Extends Bootstrap’s native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events.

A single ModalManager is created by default on body and can be accessed through the jQuery plugin interface.

Demo Read More