jQuery Plugins Plugin & Tutorials with Example

jQuery Diagonal Slider Plugin

jQuery Diagonal Slider Plugin

jQuery plugin to create a Diagonal Slider.The diagonal image slider works like an accordion that when you mouse hover it expand each image. Also you can add a title to the image to give a brief description.

Payform : JavaScript Library building Credit card Forms

Payform : JavaScript Library building Credit card Forms

A general purpose javascript library for building credit card forms, validating inputs, and formatting numbers.

Lateralus : jQuery Slide & Push Menus

Lateralus : jQuery Slide & Push Menus

Lateralus is a group of menus, to help you build your next website or app.You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu.
Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!

jQuery Date Range Picker Plugin

jQuery Date Range Picker Plugin

jQuery Date Range Picker is a jQuery plugin that allows user to select a date range.

  • Requires jQuery 1.3.2+, Moment 2.2.0+
  • Supports IE6+, Firefox, Chrome, Safari and other standard HTML5 browsers.
  • Supports multi-language
  • Fully CSS styled

SmartWave : jQuery Content Carousel Plugin

SmartWave : jQuery Content Carousel Plugin

SmartWave is a smart content carousel plugin with a lot of great features! Along with smooth CSS3 transitions, retina-ready controls and support for wide range of browser, SmartWave can rotate items in perspective during scroll, accelerate when you swipe faster, resize by choosing best items size and number of visible items and finally, perform “lazy loading” of images, what dramatically reduces loading time on mobile devices!

  • Fully responsive & Mobile optimized
  • Retina-ready
  • CSS3 on board with jQuery fallback
  • Interesting rotation effect
  • Configurable angle of rotation effect
  • Adjustable number of visible items and their size
  • Swipe speed aware scroll
  • “Snap” scroll mode (one-by-one or all visible)
  • Lazy loading for images to speed-up your site!

UAParser.js : JavaScript-based User-Agent String Parser

UAParser.js : JavaScript-based User-Agent String Parser

Lightweight JavaScript-based User-Agent string parser. Supports browser & node.js environment. Also available as jQuery/Zepto plugin, Component package, Bower package, Meteor package, & AMD module.

Extract detailed type of web browser, layout engine, operating system, cpu architecture, and device type/model purely from user-agent string with relatively lightweight footprint

Responsive Navigation with CSS3 & jQuery

Responsive Navigation with CSS3 & jQuery

Responsive Navigation with CSS and jQuery.This project is an attempt to create a navigation system that provides basic functionality even without javascript, with CSS only.

The first goal was to see how far we could go with CSS alone. Every site should be usable without javascript (and also without CSS for that matter). With our jQuery plugin you can traverse the sub menu’s by touch or clicking and optionally by moving your mouse over it. If you’re a keyboard fan, then you can spam your tab key to the menu and hit enter to open or close a sub menu

Hemi Intro : jQuery Step by Step Introduction Plugin

Hemi Intro : jQuery Step by Step Introduction Plugin

jQuery introduction (intro) plugin step by step.

jqFlipSwitch : jQuery Plugin for Flip-Switch

jqFlipSwitch : jQuery Plugin for Flip-Switch

jqFlipSwitch is jQuery Plugin for Flip-Switch.

Cta.js : Animate your Action-to-effect path

Cta.js : Animate your Action-to-effect path

Cta.js or “Call to Animation” is a light-weight performant library to animate any element (“action”) onto any other element (“effect”) on the page.

It is written with an aim to promote visual continuity in web apps.



Best jQuery websites design awards