Trends

20 jQuery Plugins for Adding Something Useful & Unique to Your Site

From the many hours spent browsing through the many diverse plugins, I settled upon 20 plugins that will either add something unique or something really useful to your site.

Over on Envato Market there are well over 1000 jQuery scripts and plugins that will allow you to add virtually any type of functionality to your site with just the minimum amount of configuration.

Here’s 20 plugins that will add something unique or something really useful to your site.


Annotator ProDemo

Annotator Pro is a jQuery plugin for quickly and easily adding annotations, tooltips or zooming functionality to your photos and images. It comes with a fully featured editor that you can use to customize the plugin.

Annotator Pro


PayNow!Demo

Whether you’re selling goods or collecting donations, with the PayNow! jQuery plugin you can quickly add stylish PayPal payment buttons to your website for instant and secure payments.

The plugin supports the following types of payment buttons – “Buy Now”, “Donate” and “Subscribe” and provides six predefined button styles for your creativity.

PayNow!


StickyFooterNavDemo

StickyFooterNav is a unique mega footer solution coded to work and fit on any device. By setting a few options, you can make the footer work on hover or on click, define effects durations, enable or disable responsiveness or add a trigger button to toggle the footer bar.

StickyFooterNav


Flat WeatherDemo

Flat Weather is an easy to use jQuery weather plugin that supports switching between two different API sources (OpenWeatherMap.org or Yahoo Weather) without changing any of your front-end code.

It comes with an attractive flat UI CSS stylesheet, and uses a weather icon font for attractive and scalable visuals.

Flat Weather


Pinch ZoomerDemo

PINCHZOOMer is an easy to setup jQuery plugin for mobile and desktop that adds pinch to zoom (or mouse scroll zoom) functioniality to your images.

Pinch Zoomer


MapSVGDemo

The MapSVG jQuery plugin will turn any SVG file into an interactive and fully customizable map or floorplan.

MapSVG


GlueDemo

Glue is a plugin that allows you to create exit-popups on your website, so you can capture visitors just as they are about to leave. It detects if the mouse of a user leaves the viewport / document borders of your website — and when this happens, it shows a popup box.

Glue


PreviewMagicDemo

PreviewMagic is a ‘magic’ way to preview the content of other pages when you don’t want your users to leave the main page.

PreviewMagic


Smart Forms FrameworkDemo

Smart Forms is a responsive form framework that can be used to build any kind of web form quickly. It includes a variety of form widgets such as datepickers, timepickers, colorpickers, numeric steppers, UI sliders, Google maps, toggle switches validation, and also comes packaged with 5 working AJAX PHP form templates.

Smart Forms Framework


MagicWallDemo

MagicWall is a jQuery plugin for creating an image grid that cycles through a set of images using attractive animations at a specific time interval. You can use this plugin to create a decorative element of your website, display your work or simply use it as an animated background.

MagicWall


Quantum FaderDemo

Quantum Fader is a lightweight (3KB) JS gallery plugin. You can pretty much add anything you want to a slide (images, HTMLl, video, Twitter feed, and more) and, perhaps best of all, it works perfectly in Internet Explorer 6 (!) and all major browsers.

Quantum Fader


HTML Builder

HTML Builder is a nifty little Javascript application that allows end-users to easily compose custom HTML designs using pre-defined HTML elements. The HTML Builder script comes with several sample HTML elements, however the script really shines when used with your own custom HTML elements.

HTML Builder


Metro – jQuery Grid PortfolioDemo

Metro is a simple jQuery plugin that displays your portfolio in an interactive way and in a Metro style. Some of the plugin’s strong points are: fully responsive grid, easy to set up, high performance, modern look & feel, clean and spacious design.

Metro - jQuery Grid Portfolio


Easy Video PlayerDemo

Easy Video Player is a powerful responsive video player that can play local videos, streaming videos from a server or Youtube videos. It only requires the mp4 format (the best and most used format on the web) and it will work on mobile devices and desktop machines no matter which browser is used, including older browsers like IE7/IE8.

Easy Video Player


Vinyl Music PlayerDemo

Built off the open-source jPlayer multimedia plugin, Vinyl is a jQuery music player plugin with a truly unique and beautiful GUI. The plugin allows you to create a playlist and organize and play your MP3 files.

Vinyl Music Player


TweetableDemo

Tweetable is a simple, easy-to-use jQuery plugin to make quotes from your articles shareable on Twitter in an elegant and meaningful way. You simply wrap any passage from your content in a span, give it the class tweetable, and the user will be able to click that passage and directly share it with their Twitter followers.

Tweetable


Range Calendar

The jQuery Range Calendar is a new approach to the classic calendar. It allows you to select a range of dates simply by resizing the right edge with an easy drag and drop system.

Range Calendar


Cool Text EffectsDemo

With CoolText you can create complex text animations with just a few lines of Javascript or HTML attributes. It comes packaged with 300 ready-to-use animations and lets you animate letters or words, control speed and stagger, create animation sequences and much more.

Cool Text Effects


Anchor PageDemo

AnchorPage is a light multi-purpose jQuery plugin for creating navigation menus with anchor links to sections of your page, as fast as possible. It’s device friendly by supporting all kinds of screens and media devices.

Anchor Page


ParallaxerDemo

DZS Parallaxer is a plugin that will give any type of content a cool parallax effect. It works with almost any type content you throw at it, images, video, and HTML.

Parallaxer


Next Steps

If you’re already familiar with jQuery, perhaps a course that covers some of the best practices in jQuery plugin development would be better suited to you.

If you’re looking to buy jQuery plugins, you should also head over to Envato Market! There are currently well over 1000(!) jQuery scripts and plugins that will allow you to add virtually any type of functionality to your site or app.

Header Image Source: jQuery Script by RightStuffDesign.


Paul Andrew

About the Author Paul Andrew

Paul is the founder of Speckyboy Design Magazine and writes web stuff for Envato. You can follow him on Twitter.