Advertise here

jQuery Plugins of June 2012

Peity – Tiny Charts (Sparklines) With jQuery

June 29, 2012     9804    
Peity – Tiny Charts (Sparklines) With jQuery
Peity is a simple jQuery plugin that converts an element's content into a simple <canvas> mini pie line or bar chart and is compatible with any browser that supports <canvas>: Chrome, Firefox, IE9+, Opera, Safari.

Read More »

Handsontable – jQuery Excel-Like Grid Editor Plugin

June 28, 2012     10836    
Handsontable – jQuery Excel-Like Grid Editor Plugin

Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery. Now with column and row headers.

Read More »

RefineSlide – Responsive Image Slider With CSS3 Effects

June 27, 2012     16728    
RefineSlide – Responsive Image Slider With CSS3 Effects
RefineSlide is a 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations.

Read More »

Instagram jQuery Plugin

June 26, 2012     7851    
Instagram jQuery Plugin

A simple jQuery plugin to show a list of Instagram photos.

Read More »

AttC – Convert HTML Table to Google Chart

June 26, 2012     4044    
AttC – Convert HTML Table to Google Chart
AttC is a jQuery plugin that converts a standard HTML table to an Google visualizations chart and displays it on the page.

Read More »

Flip! – jQuery Plugin to Apply Flip Animation

June 24, 2012     2976    
Flip! – jQuery Plugin to Apply Flip Animation
Flip is a jQuery plugin that will flip easily your elements in four directions.

Read More »

3D Thumbnail Hover Effects with CSS3 and jQuery

June 24, 2012     9248    
3D Thumbnail Hover Effects with CSS3 and jQuery

Here you will create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.

We’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover

Read More »

FBModal – Facebook Style jQuery Modal Plugin

June 24, 2012     11397    
FBModal – Facebook Style jQuery Modal Plugin

FBModal is a jQuery plugin that is the first Facebook replica modal dialog. FBModal provides a simple ways to invoke a modal dialog.

Read More »

jQuery Infinite Carousel Plugin

June 14, 2012     3761    
jQuery Infinite Carousel Plugin

The Infinite Carousel is a jQuery plugin that allows you to showcase any number of images and videos in a carousel-like fashion. Unlike some other carousels, the Infinite Carousel displays items in a continuous loop no matter how you navigate.

Read More »

jQuery Drop Captions Plugin

June 14, 2012     1459    
jQuery Drop Captions Plugin
Drop captions plugin takes an image’s title attribute and converts it into a caption that appears only when the mouse is moved over the image. This allows you to maintain a clean look to the site, while enabling the functionality of captions. It’s also totally degradable if the user has JavaScript disabled; the title attribute will still display the exact same text.

Read More »

jQuery Picture – jQuery Plugin to Help Ease the Transition to Responsive Images

June 13, 2012     2927    
jQuery Picture  – jQuery Plugin to Help Ease the Transition to Responsive Images

jQuery Picture is a tiny plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format. This plugin will be made redundant when the format is approved and implemented by browsers.

Read More »

Skitter – A jQuery Slideshow Plugin With Flexible Animations

June 13, 2012     5588    
Skitter – A jQuery Slideshow Plugin With Flexible Animations

Skitter is a jQuery plugin that enables us to convert unordered lists into slideshows with attractive animations. The slideshow can display the list of slides as numbers or thumbnails and items can be browsed with the help of prev-next buttons as well.

Read More »

Slide Down Box Menu with jQuery and CSS3

June 13, 2012     11429    
Slide Down Box Menu with jQuery and CSS3

Here you will create sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

Read More »

Superfish – jQuery Menu Plugin

June 13, 2012     5077    
Superfish – jQuery Menu Plugin

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and adds the following much-sought-after enhancements.

Read More »

MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

June 12, 2012     17200    
MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

MaxImage 2.0 is a fullscreen background slideshow plugin that utilizes jQuery Cycle Plugin and all it’s transitions / options.

MaxImage 2.0 determines whether your browser can use CSS3′s background-size:cover. If it can, it uses it as to limit the amount of heavy lifting that jQuery has to do. That means the majority of your users will have a slim and smooth experience. That is so important with large image animations.

Read More »

Circular Content Carousel with jQuery

June 11, 2012     10274    
Circular Content Carousel with jQuery
Here you will create a simple circular content carousel. The idea is to have some content boxes that we can slide infinitely (circular).

When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

Read More »

CarouFredSel – Circular, Responsive jQuery Carousel

June 09, 2012     74087    
CarouFredSel – Circular, Responsive jQuery Carousel

carouFredSel is a jQuery plugin that converts any kind of HTML element into an infinite and circular carousel. It can scroll one or more items at the same time both horizontally or vertically.

Every item can be displayed automatically and/or by user interaction (pressing buttons or keys on the keyboard).

Read More »

Agile Carousel – jQuery Slideshow and Carousel Plugin

June 09, 2012     5864    
Agile Carousel – jQuery Slideshow and Carousel Plugin

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows and carousel.

The plugin uses JSON for the data format of the slides. You can select between "fade" or "slide" as the transition effect, duration of the transitions and intervals between each slide can all be defined.

Read More »

Vertical Sliding Accordion with jQuery

June 09, 2012     15557    
Vertical Sliding Accordion with jQuery

Here you will create flexible vertical jQuery accordion.
The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.

Read More »

Elegant Accordion with jQuery and CSS3

June 09, 2012     2383    
Elegant Accordion with jQuery and CSS3

Here you will create an elegant accordion for your sites content. The idea is to have some vertical accordion tabs that slide out when hovering. You will add some CSS3 properties to enhance the looks.

Read More »

Formly – Add Style and Validation to Form

June 09, 2012     3871    
Formly – Add Style and Validation to Form

Formly is a jQuery Plugin for easily adding cross-browser styling and validation to forms. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function.

Read More »

Apprise – Attractive Alert Alternative for jQuery

June 09, 2012     10222    
Apprise – Attractive Alert Alternative for jQuery

An alert alternative for jQuery that looks good. Apprise is a very simple, fast, attractive, and unobtrusive way to communicate with your users. Also, this gives you complete control over style, content, position, and functionality.

Apprise is, more or less, for the developer who wants an attractive alert or dialog box without having to download a massive UI framework.

Read More »

Sticky – Simple Notification for jQuery

June 09, 2012     5451    
Sticky – Simple Notification for jQuery

Sticky is a simple notification system that allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders.

Read More »

Mosaiqy – Viewing and Zooming Photos Plugin

June 08, 2012     8965    
Mosaiqy – Viewing and Zooming Photos Plugin

Mosaiqy is a jQuery plugin for viewing and zooming photo working on Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+. Photos are retrieved from a JSON/JSONP data structure and randomly moved inside the grid. All expensive animations are taken over by your GPU on recent browsers using CSS3 transitions, minimizing the CPU overhead.

Read More »

jSignature – jQuery Plugin for Web Signatures

June 07, 2012     8980    
jSignature – jQuery Plugin for Web Signatures

jSignature is a jQuery plugin that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger on touch enabled devices (e.g. iPhones, iPads or Android devices).

jSignature captures signature as vector outlines of the strokes. Although jSignature can export great bitmap (PNG) too, extraction of highly scalable stroke movemmovement coordinates (aka vector image) of the signature allows much greater flexibility of signature rendering

Read More »

Percentage Loader - jQuery Plugin for Displaying Progress Widget

June 07, 2012     7818    
Percentage Loader - jQuery Plugin for Displaying Progress Widget

Percentage Loader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. It makes use of HTML5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary , using vectors rather than images so can be easily deployed at various sizes.

Read More »

Fullscreen Slit Slider with jQuery and CSS3

June 05, 2012     10956    
Fullscreen Slit Slider with jQuery and CSS3

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions.

Read More »

jQuery.screen – jQuery Plugin That Manages Page Layers

June 05, 2012     2021    
jQuery.screen – jQuery Plugin That Manages Page Layers

A jQuery plugin that manages page layers: what goes first, what goes next and the transition between one and other. The goal of this plugin is to provide a way to make fluid web applications that do not require loading new pages.

Read More »

jQuery Mask Plugin

June 05, 2012     16574    
jQuery Mask Plugin
A jQuery Plugin for field masks.
Features
- String/Numeric/Alpha/Mixed masks.
- Reverse Mask.
- Data type validation.
- Automatic maxlength.
- Live event's for ajax/realtime apps.
- Callbacks.

Read More »

Ascensor jQuery Plugin

June 05, 2012     8118    
Ascensor jQuery Plugin
Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system. Ascensor needs the jQuery library and the great plugin scrollTo.

Read More »

jQuery TimePicker Plugin

June 05, 2012     8014    
jQuery TimePicker Plugin

jQuery TimePicker is a plugin to help users easily input time entries. It works by allowing the user to type times in a free format or selecting them from a dropdown menu.

The plugin will automatically convert all time entries using a format that can be changed passing the timeFormat option; the default value is hh:mm p which will give something like 02:16 PM.

Read More »

jsTree – jQuery Tree Plugin

June 05, 2012     23071    
jsTree – jQuery Tree Plugin

jsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin. jsTree is absolutely free.

Read More »

gmaps.js - Easiest Way to Use Google Maps

June 04, 2012     6505    
gmaps.js - Easiest Way to Use Google Maps
gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code.

Besides adding a standard map of a specific location, you can define the zoom level, add markers, get the location of a user (HTML5 geolocation), define routes, draw polylines and more with only few lines of code.

Read More »

jqFancyTransitions - Image Gallery With Fancy Transitions Effects

June 04, 2012     3156    
jqFancyTransitions - Image Gallery With Fancy Transitions Effects

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

Read More »

Supersized - Full Screen Background & Slideshow jQuery Plugin

June 03, 2012     4881    
Supersized - Full Screen Background & Slideshow jQuery Plugin

Supersized is a fullscreen background slideshow built using the jQuery library. This jQuery plugin is highly customisable and easy to implement into you website.

Read More »

jqIsoText - jQuery Text Effect Plugin

June 03, 2012     2333    
jqIsoText - jQuery Text Effect Plugin

jqIsoText is a plugin for changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.

Read More »

jqBarGraph - jQuery Graph Plugin

June 03, 2012     5058    
jqBarGraph - jQuery Graph Plugin

jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. All you have to do is to pass your data to this plugin.

There are a lot of settings to tune appearance of your graph, as are animation, color scheme, dimensions etc. Also, you can additionally change look and feel of graph via CSS.

Read More »

Polaroid Photobar Gallery with jQuery

June 03, 2012     2408    
Polaroid Photobar Gallery with jQuery

Creating an image gallery with a Polaroid look is amazingly easy. With albums that will expand to sets of slightly rotated thumbnails that pop out on hover. The full image will slide in from the bottom once a thumbnail is clicked. In the full image view the user can navigate through the pictures or simply choose another thumbnail to be displayed. For this gallery 2D Transform plugin used to animate rotations.

Read More »

Coin Slider - Image Slider with Unique Effects

June 03, 2012     4464    
Coin Slider - Image Slider with Unique Effects

Coin Slider is a jQuery image slider plugin that has unique transition effects. It has a navigation box and prev-next buttons that appear on hover for easily browsing images. The slider has an optional auto-slide feature which can also pause on hovers.

Read More »

Pep - jQuery Plugin for Kinetic Drag on Mobile/Desktop

June 02, 2012     3472    
Pep - jQuery Plugin for Kinetic Drag on Mobile/Desktop
Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery's animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.

Pep has built-in support for custom start, stop, rest, and drag events, constraining objects to either their parent or the window, a debugger, and the ability to customize your own kinetic easing functions.

Read More »

SIDEWAYS – jQuery Fullscreen Image Gallery

June 01, 2012     2624    
SIDEWAYS – jQuery Fullscreen Image Gallery
SIDEWAYS is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing and jQuery mousewheel plugin.

Read More »