jQuery Plugins Plugin & Tutorials with Example

jQMeter : jQuery Animated Horizontal or Vertical Progress Meter

jQMeter : jQuery Animated Horizontal or Vertical Progress Meter

jQMeter is a simple, light-weight jQuery plugin that allows you to display an animated horizontal or vertical progress meter. Just pass in the goal and amount raised or completed, and the rest is optional.

It has a simple design out-of-the-box, but this is on purpose so that you can customize the look to match your needs. You can pass several formatting options including width, height, background bar color, bar color, etc. You can also choose to display the percentage completed or not, as well as control the animation speed.

jQuery Confirm Dialogs with Bootstrap

jQuery Confirm Dialogs with Bootstrap

Confirm dialogs for buttons and links using jQuery and Bootstrap.

fbPhotoStream : jQuery plugin to pull Facebook Photos

fbPhotoStream : jQuery plugin to pull Facebook Photos

fbPhotoStream is a simple, light-weight jQuery plugin that allows you to display Facebook photos from a public album. Just set the album id, and the rest is optional.

It has a a few design options like grid, collage, or circle mode, but you can customize the look to match your needs by adding your own CSS. You can pass several formatting options including width, height, etc., as well as setting whether you want to show captions or link back to Facebook

Animatrix Creative – Drawing SVG Animations Plugin

Animatrix Creative - Drawing SVG Animations Plugin

Animatrix Creative allows you to draw and animate SVG images.Professional SVG Image WYSIWYG Editor is included in this plugin, and can be accessed from the admin area. You can draw with the default Pencil tool or create shapes out of the rich Shapes library.

All SVG images are animated on the front-side, by mimicking the drawing process. You can also export and save the SVG image as well.

jQuery Responsive Menu

jQuery Responsive Menu

jQuery Responsive Menu is a drop-down menu for responsive websites. It is a jQuery plugin that includes a JavaScript file and CSS file as well as sample HTML.

jQuery Repeatable List Item

jQuery Repeatable List Item

jQuery repeatable list item with doT.js template engine.

Calx : jQuery plugin for building Calculation Form

Calx : jQuery plugin for building Calculation Form

jQuery Calx is an Excel calculation engine and formula parser built as jQuery plugin.

  • Rewrite the internal formula parser and plugin structure.
  • Ability to register new function and override default one.
  • Ability to register variable.
  • Easy graph to represent data in graphical way (additional library required)
  • Add support for string and cell range.
  • Add a lot of excel compatible function (additional library may be required).
  • Add feature to check circular reference, instead of infinite loop which make the page hang up, it’s now alerting error.
  • Add support for server-side function formula, in case you want to hide the calculation algorithm.
  • Add support to change formula, value, format easily without need to write tricky script.

TurboTabs : Responsive Tabs jQuery Plugin

TurboTabs : Responsive Tabs jQuery Plugin

TurboTabs is responsive Tabs  jQuery Plugin with plenty of options. HTML markup is very simple to follow , jQuery will do all the magic. Tab transforms into an accordion on smaller devices, but there is also an option to use it as accordion instead of the tab if you like.

  • Responsive
  • Simple HTML Markup to follow
  • Lightweight – only 5kb in minified version
  • Customize Colors and other otpions with online options builder
  • Choose between horizontal, vertical or accordion mode
  • Customize almost everything with plenty of options available

Embed-js : jQuery plugin for Automatic Media Embedding system

Embed-js : jQuery plugin for Automatic Media Embedding system

A jQuery plugin for converting text emojis into image-based emoticons, also supporting an automatic media embedding system for multimedia URLs (earlier emoticons-js).

  • Converts emoticon text codes into emoticons :smile: , :heart:
  • Finds links in text input and turns them into html links.
  • Youtube and Vimeo video embedding with video details fetched from the api.
  • HTML5 player supported media embedding (mp3,mp4,ogg)
  • PDF viewing with preview and then the actual pdf in a frame.
  • Inline Code Syntax highlighting (uses highlight.js)
  • Twitter tweet embedding supported
  • Codepen, jsbin,ideone, jsfiddle and plunker embed supported
  • soundcloud and spotify support
  • Twitch tv, dotSub, dailymotion, vine,TED and liveLeak support.
  • Google map location embed


Best jQuery websites design awards