By Paul Andrew

Annotator Pro

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.

From the many hours spent browsing through the many diverse plugins, playing with the demos and bookmarking more pages than I will ever use in a post, I did eventually settle on 20 plugins that will either add something unique or something really useful to your site. Here they are…

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.

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.

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 plugin that supports switching between two different weather 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.

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.

If you’re a designer that’s looking to learn how to create your own jQuery plugins, then Tuts+ have a course called jQuery for Designers that will have you coding some eye-catching effects for your website in no time.

Header Image Source: jQuery Script by RightStuffDesign.

The post 20 jQuery Plugins for Adding Something Useful and Unique to Your Site appeared first on Market Blog.

Read more here:: 20 jQuery Plugins for Adding Something Useful and Unique to Your Site