in

28 Fresh and Useful jQuery Plugins

In this post, we present 28 fresh and useful jQuery plugins for web designers and developers that will hopefully help you improve the user experience on your websites. If you like jQuery plugins you might also want to check out some of our previous posts below.

 

Long Press jQuery Plugin

Long Press is a jQuery plugin that will ease the writing of accented or rare characters. Get it

 

FooTable: jQuery Plugin for Responsive Tables

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. Get it


 

Stairway Navigation

An interesting “stairway” navigation hover effect where the hovered item becomes the “tallest” stair. Get it

 

Windy A Pluginfor Swift Content Navigation

This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm. Get it

 

BIGVIDEO.JS

This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist. BigVideo.js can also show big background images, which is nice to have for showing big background images for devices that don’t have autoplay for ambient video. Get it

 

Bookblock A Content Flip Plugin

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. Get it

 

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets

SocialCount is a wonderful contribution by the Filament Group: finally a social plugin that tackles the most concerning issues of including social network buttons and widgets into your site. SocialCount can be easily customized, it works with mouse, touchscreen, or keyboard, it lazy-loads, it’s super-small and more. Get it

 

tiltShift.js

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6. Get it

 

jQuery Knob

Get it

 

AjaxGetContent – dynamic AJAX website

It allows to transform a classic, standard website into dynamic, ultrafast web page based on AJAX calls, maintaining full content visibility for search engines and browser navigation buttons functions. All links can be opened in new window or copied to clipboard. Get it

 

jPanelMenu jQuery Plugin

jPanelMenu is a jQuery plugin that creates a panel-like menu similar to the ones seen in mobile apps like Facebook, as well as in many native iPhone applications. Get it

 

Arctext js Curving Text With css3 and jQuery

Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. Get it

 

Fullscreen Slit Slider with jQuery and CSS3

In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll slice the current slide open in order to reveal the next or previous slide. Using different data-attributes, we’ll define the type, rotation angle and scale of a slide’s parts, giving us the possibility to create unique effects of each slide transition. Get it

 

Intelligist jQuery Plugin

Intelligist is a jQuery plugin by Scott Robbin that makes it easy to share and demo code in-page, using GitHub gists. Get it

 

Hammer

Get it

 

Floater

Get it

 

slideControl.js jQuery Plugin

Nik Korablin built this jQuery plugin that allows you to easily make sliders for range inputs. Get it

 

prettyCheckable jQuery Plugin

This plugin by Arthur Gouveia replaces the default checkboxes and radio inputs with custom ones. It was made mobile-friendly, i.e. the touch/click area is wide and you can easily customize the looks. Get it

 

FrameWarp – jQuery plugin for displaying pages in a neat overlay

Get it

 

Animated Responsive Image Grid

Today we want to share a jQuery plugin for creating a responsive image grid with you. The idea is to have a list of images and define the number of columns and rows which will arrange the images into a grid. Get it

 

jQuery Picture

Get it

 

equalize.js

This useful jQuery plugin by Tim Svensen comes in handy when you need to equalize the height or width of elements on your website. Get it

 

960 Grid on jQuery-Mobile

jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets.

Get it

 

stickyMojo jQuery Plugin

stickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE. Get it

 

blur

blur.js is a jQuery plugin that produces psuedo-transparent
blurred elements over other elements. Get it

 

Tooltipster: jQuery Tooltip Plugin

Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips. Get it

 

PowerTip

PowerTip is a jQuery plugin for creating hover tooltips. It’s easy to customize and it has APIs for developers and supports adding complex data to tooltips. Get it

 

Typist jQuery Plugin

Typist is a jQuery plugin by David Crawford that allows you to create animated typed text. Get it