jQuery Web Plugin & Tutorials with Example

Multi-Screen.js : jQuery plugin Turns a Single page into Collection of Screens

Multi-Screen.js : jQuery plugin Turns a Single page into Collection of Screens

A simple, lightweight, and easy to use jQuery plugin which turns a single page into a collection of screens with animated navigation.

Multi-Screen.js makes it easy to change the defaults for the animations, their times, the starting distance between the entering and exiting screens, and whether the animations should occur synchronously or asynchronously.

Clickstream.js : jQuery plugin for Effects to a Page Transition

Clickstream.js : jQuery plugin for Effects to a Page Transition

Clickstream is a jquery plugin for Effects to a page transition.By using this plugin you can add fade transition or positioning transition to your web page.

jQuery WebRating Plugin

jQuery WebRating Plugin

jQuery webrating plugin.

Features:

  • Easy to configure
  • Precision upto 0.01
  • Use stars, hearts, smiles or your logo
  • Integrate with your own database
  • CSS based coloring
  • Customized toop-tip option
  • Callback functions on click & hover
  • Limit number of clicks per page view
  • Use cookies to limit clicks per visitor

Fancy Scroll : jQuery Overflow Scroll Effect like on iOS/Android

Fancy Scroll : jQuery Overflow Scroll Effect like on iOS/Android

Add Overflow Scroll Effect like on iOS/Android but for your website.This jQuery plugin will add a bounce effect whenever you scroll up and reach the top/bottom of the website indicating the beginning/end of the page. With this script, you can customise these animations even further by using several options I had put in place for you to play around with.

Scrollsnap : jQuery implementation of Scroll Snapping

Scrollsnap : jQuery implementation of Scroll Snapping

A jQuery plugin that enhances the scrolling experience, by providing a snapping behaviour.Scrollsnap allows to define ‘anchor points’ onto which the window snaps when you scroll through a web page or parts of it.

Copyright : jQuery plugin to Add Reference in Copy Content

Copyright : jQuery plugin to Add Reference in Copy Content

The Copyright jQuery plugin allows you to add a reference to the source in buffer when copying.

jQuery MatchHeight.js : Responsive Equal Heights plugin

jQuery MatchHeight.js : Responsive Equal Heights plugin

matchHeight makes the height of all selected elements exactly equal.

Features:

  • row aware, handles floating elements
  • responsive, automatically updates on window resize
  • handles mixed padding, margin, border values (even if every element has them different)
  • accounts for box-sizing
  • handles images and other media (updates automatically after loading)
  • data attributes API
  • tested in IE8+, Chrome, Firefox, Chrome Android

jQuery Wanker : Plugin for Display message When Resizing the Browser

jQuery Wanker : Plugin for Display message When Resizing the Browser

A jQuery plugin that reveals a takeover when people start excessively resizing their browser.

Responsive design has been a blessing to web crafters everywhere. The web, however, was meant to be read, not squished. jquery.wanker.js is a tiny (549 bytes minified) jQuery plugin that reveals a public service announcement when people start excessively resizing their desktop browser as they try to see your responsive breakpoints.

jQuery Repeat : jQuery plugin for filling out mock-ups

jQuery Repeat : jQuery plugin for filling out mock-ups

Repeat is for filling out mock-ups, making it easy to duplicate blocks of sample content.The main use is duplicating sample content in templates, examples, prototypes and demo pages but without needing a server or maintaining a mess of copy-pasted HTML.

Other uses include mocking UI actions that add content, such as dummying pagination or faking infinite loading content.

Hopscotch : jQuery Product Tour Plugin

Hopscotch : jQuery Product Tour Plugin

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.

Features:

  • Callbacks for tour events (e.g. onStart, onEnd, onShow, onNext, onPrev, onClose)
  • Multi-page persistence using HTML5 sessionStorage using cookies as a fallback
  • I18N support
  • Lightweight single callouts


Best jQuery websites design awards