Every six months or so we do like to take a look at some of the greatest and freshest jQuery plugins from within that time. Each time we do this the jQuery community never ever fails to let you down. Constantly releasing plugins that are not only useful and problem solving, but also releasing plugins that can aid you with new technologies like HTML5 and CSS3.
Hope you enjoy this selection.
So without further ado, here are 40 new jQuery plugins:
Sliders, Galleries & Carousel Plugins
TN3 Gallery is a fully responsive image gallery which also comes available as a WordPress plugin. There’s a lite version available for free.
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.
MosaiqyView the Demo
Diapo is a free and open source jQuery slideshow plugin. You can suggest changes or improvements if you want. You can download it and use for free, you can also include it in your projects and sell it as part of a bigger work (donations are not required but asked to be considered in this case).
DiapoView the Demo
Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different by providing a simple, no-frills method of displaying images packaged into a small, clean and efficient plugin.
CraftyslideView the Demo
FlexSlider is an awesome, fully responsive jQuery slider plugin. It has simple, semantic markup, slide and fade animations, and is supported in all major browsers so you won’t have any compatibility issues. Flexslider is built for beginners and pros alike.
FlexSliderView the Demo
Circular Content Carousel is a jQuery carousel that has content boxes that you 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.
Circular Content CarouselView the Demo
Dynamic Carousel is a dynamic content slider and carousel, as the name implies. The way it’s dynamic is it uses percentages instead of pixel values, so it can be easily used on a responsive/flexible layout.
Dynamic CarouselView the Demo
Plugins for Forms
ComboGrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. ComboGrid provides keyboard navigation support for selecting an item.
ComboGridView the Demo
Ideal FormsView the Demo
Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Smart Validate supports the following credit cards: American Express, MasterCard, Visa, Diners Club, and Discover.
Smart ValidateView the Demo
Power PWChecker is a free jQuery plugin to ensure secure passwords for users. This simple jQuery plugin can be integrated seamlessly with any online form (sign up form/user registration form) to check password strength and give users clues for creating strong and secure passwords.
Power PWCheckerView the Demo
jVectorMap is a jQuery plugin employed to show vector maps and visualize data on HTML pages. It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML.
jVectorMapView the Demo
Web Typography Plugins
This is a short tutorial that shows how to make a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.
Shuffle Letters EffectView the Demo
The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc. This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content.
jFontSizeView the Demo
Lettering.js is a jQuery plugin for radical web typography. Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. Lettering.js solves that: it’s a jQuery plugin to give you that control. Kerning type, editorial design, manageable code, and in general complete control can all be easily done with Lettering.js.
Lettering.jsView the Demo
Overscroll is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser. The plug-in adds a draggable drift to overflowed DOM elements as well as a set of fading ‘thumbs’. OverScroll runs best on Safari 5+, Chrome 5+, and Firefox 3+ but should run just fine on most modern browsers.
OverscrollView the Demo
Mobiscroll is a wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.
MobiscrollView the Demo
Touchy is a mobile boilerplate that goes beyond just an HTML/CSS template, adding performance optimization tools, hardware accelerated animation, device API, fixed positioning and much more.
Touchy BoilerplateView the Demo
jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. It also provides the coordinates of the visible rectangle in document, element and viewport space.
jQuery.fracsView the Demo
grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localized text. FX queues for animating multiple grumbles. And it works in IE6+, and modern browsers.
grumble.jsView the Demo
Timelinr is a simple jQuery plugin that helps you to give more life to boring timelines. It supports horizontal and vertical layouts, and you can parameterize the majority of attributes: speed, transparency, etc.
TimelinrView the Demo
ElychartsView the Demo
Flexible Nav is a small jQuery library which add a smart navigation bar on the right of the page. It improves a web page navigation and helps to visualize different sections of a document, an article, or just any web page.
Flexible NavView the Demo
deck.js is a tool for making modern HTML presentations. Slides are basic HTML. The deck.core module keeps track of slide states and deck states, leaving CSS to define what each state looks like and how to transition between them. Extensions use core events and methods to add goodies, giving presenters the freedom to add what they want and leave out what they don’t.
deck.jsView the Demo
headjs is a tiny script that speeds up, simplifies and modernizes your site. Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Basically, headjs is a concise solution to universal issues.
headjsView the Demo
Simple Overlay is a jQuery plugin for easily adding lightweight, flexible overlays to your projects. Use custom effects, customize using CSS hooks, define custom callbacks for further action, take advantage of CSS3 and more.
Simple OverlayView the Demo
spin.js is an animated CSS3 loading spinner. You can adjust every single parameter: number of lines, length and width of lines, radius, trail, speed of spinning, and whether there’s a shadow or not.
spin.jsView the Demo
jQuery Boilerplate is, as the name says, a jQuery boilerplate for jump-starting jQuery plugins development. It contains lots of comments to help you get going easily. It is truly object-oriented, it implements public and private methods as well as public and private properties, making it the ideal candidate for when building both simple and complex jQuery plugins.
jQuery BoilerplateView the Demo