Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.
AnySlider is a jQuery plugin which allows you to create a slider for any kind of HTML content.
Features
<div>
s, <span>
s and <section>
s.PicStrips adds a little style to your images to help them stand out from the crowd. You can split your images into any number of strips, specify the whitespace between each strip and also the amount of vertical whitespace added at the top and bottom of alternate strips.
MediaSlide is a media gallery viewer plugin with a sliding thumbnail bar - performs transition effects when you move between images.
This plugin supports many different sources for media galleries - it can read galleries directly from your Flickr account, or they can be specified via XML or JSON. Also many customization parameters are provided.
isLoading is a simple jQuery plugin to show visual feedback when loading data or any action that would take time. You can use isLoading as;
A tutorial on how to create the effect of YouTube's little left side menu.
When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.
jGravity is a jQuery plugin that bring gravity to your site. It adds gravity to either all or specified elements within a page. and it's very easy to use.
jQuery Filter Table Plugin is a live searching/filtering for HTML tables in a jQuery plugin.
This plugin will add a search filter to tables. When typing in the filter, any rows that do not contain the filter will be hidden.
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.
All effects are done with CSS transitions and controled by applying classes with JavaScript. The whole layout is flexible and some media queries are added to size down things for smaller screens.
Full Content is a jQuery plugin that enable fullscreen single-page websites with url hash & animated scrolling.
Features
Weathro is a jQuery plugin to display weather status for users on your website.
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle animations that are defined in separate animation classes. The menu is fluid so that it can be used easily in a responsive layout.
Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you.
Features
Device Agnostic Approach to Complex Site Navigation with Support for Touch and Keyboard Accessibility
A mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using click events for tap targets.
Features
A simple fullscreen background slideshow with auto-play and controls to navigate and pause.
Sudo Slider is a flexible jQuery slider plugin that can display HTML content with many presentation methods. It can load the items via Ajax and display them with slide or fade effects.
Features
Superclick is a jQuery drop-down menu enhancement plugin sharing many of Superfish's features but focusses solely on click events to open and close submenus. This means that links with associated submenus will never be followed, they will simply toggle the visibility of the submenu.
Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box.
Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you've pressed.
mSlide is simple and easy to use slider-gallery with touch support.
doubleTapToGo is responsive and touch-friendly dropdown navigation.
The technique consists of three main parts:
This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.
There are many options to customize plugin, also you can geocode all the locations beforehand, to make sure it was quick and to avoid any potential geocoding errors.
Date picker and date range selector with scrollable months instead of paged.
Features
Bootstrap MaxLength plugin integrates by default with Twitter Bootstrap using badges to display the maximum lenght of the field where the user is inserting text. This plugin uses the HTML5 attribute "maxlength" to work.
The indicator badge show up on focusing on the element, and disappear when the focus is lost.
simpleSlider is a jQuery "Anything" slider, simple and easy to setup and very customizable.
Features
Tooltipify plugin creates a slide in, stylable tooltip to replace the default browser tooltip. Show and hide events are customizable. Defaults are "mouseover" and "mouseout".
Cavendish is a jQuery plugin that's focused on helping you with your slides
Cavendish is intended to be a very simple slide manager based on CSS transitions. Initializing Cavendish sets up an iterator for your slides, which applies classes to your slides based on their relationship to the current slide.
Cavendish provides a few interaction plugins that you can choose to use such as;
Player, Pager, Arrows, Pan
jQuery Navobile is a jQuery plugin that makes mobile navigation easy. Navobile uses CSS to apply CSS3 translations, Mobile device detection and fixing the position of nav.
jQuery Visage provides a stable, robust, styleable, customizable (you can reprogram many aspects of its behavior) and clean way to display a series of images in a lightbox-like way.
Plugin is customizable through provided configuration options and API hooks.
Responsive Nav is a tiny JavaScript plugin which helps you to create a toggled navigation for small screens.
It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.
jQuery Content Panel Switcher is a simple and lightweight jQuery plugin that allows smooth transitioning of content in and out of panels located anywhere on the page.
You can have single or multiple content switching panels on a single page Content panels can be either span
or div
elements, and the buttons used to switch the content can be just about anything, so long as they have the right clases assigned.
VerticatShift allows a row of elements to be condensed to fit within a partent elemet. This allows more objects in a smaller space, yet providing an easy way view all the objects. On mouseover the element is enlarged to show its full content.
SliderJS is a simple jQuery plugin for full screen image slideshows. You can pass slider options into the config as a JSON.
This tiny (5KB) jQuery bootstrap plugin turns any div
into a WYSIWYG rich-content editor. Here are the key features:
jQuery HeapShot plugin is an image gallery plugin with a particular effect. Also plugin has some options to customize.
jQuery.ulSlide is just another slider/carousel that supports Slide, Fade, HTML5 Rotate, HTML5 Scale and Carousel effects. It is flexible and very simple to use.
Any HTML can be used as slide content (not only images). Also the plugin supports pre-loading, lazy-loading and ajax-loading.
If the mousewheel plugin has been included on the page then the slider will also respond to the mouse wheel.
Slickhover.js is a lightweight useful jQuery plugin that produces a slick and smooth hover effect that fades out images and shows a custom icon when a user hovers over an image.
kGallery is a gallery written on jQuery library. Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing browser.
This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.
Flexisel is a responsive image carousel jQuery plugin that adapts to screen size to create a great user experience showcasing content on all devices. It will change the number of items shown depending on the viewport width. All you have to do is call flexisel on your unordered list containing images.
Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.
bootpag is a dynamic pagination jQuery plugin. Works well with Twitter Bootstrap or any other html pages.
List.js is a lightweight cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable. Also it's possible to add, edit and remove items by dead simple templating.
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour.
Slingpic is a jQuery image sharing plugin that makes it easy for your users to share your images across their social networks increasing traffic to your site.
desSlideshow is a stylish featured image slideshow jQuery plugin.
Autosize is small jQuery plugin to allow dynamic resizing of textarea height, so that it grows as based on visitor input. To use, just call the.autosize()
method on any textarea element.
Gallerie is a jQuery plugin that offers a basic lightbox-like gallery viewer of a collection of images.
It features a simple overlay with a scrollable thumbnail list, image loading hint, as well as an image caption and index. The overlay thumbnails automatically scroll with the user's mouse and can be activated by click or custom event.
Bare Bones Slider is a jQuery slider that is very flexible. Beginners can use pre-coded options, while experts can strip it down to the bones and use their own controls.
Features
SooperFish is a customizable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus and configurable show and hide animation with custom easing.
Shadowbox is a lightbox plugin that supports all of the web's most popular media publishing formats.
Shadowbox is highly customizable and website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.
jQuery Pin is a jQuery plugin for creating sticky elements. You can pin something to the side of a text and subtle sticky element to quietly hang around as you scroll down.
Also you can easily disable this for smaller screen-sizes where there's no room for that kind of shenanigans.