9 Really Impressive jQuery Plugins with Canvas, SVG and CSS3

9 Really Impressive jQuery Plugins with Canvas, SVG and CSS3

9 Really Impressive jQuery Plugins with Canvas, SVG and CSS3


jQuery plugin development is growing at a staggering speed. Thanks to the poweful and easy to use jQuery framework, it's making our life so much easier! Apart from jQuery, due to the fall of flash, HTML5/CSS3 and powerful web browsers, javascript has gained control of the interactive part of website. In this post, we have found 10 really impressive jQuery plugins that utilise the newest technology to bring what was impossible few years ago, possible.

  • jSignaturejSignaturejSignature is a JavaScript widget (a jQuery plugin) that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger.
  • Scoll EffectsScroll EffectA cool CSS3 scroll effect from @hakimel.
  • SigmaJSSigmaJSsigma.js is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element. It has been especially designed to display interactively static graphs exported from a graph visualization software - like Gephi and display dynamically graphs that are generated on the fly
  • Refine SlideRefine SlideA slider with CSS transition & 3D trasnform support. It comes with Javascript fall back fade transition, and responsive down to mobile scale.
  • LoaderLoaderA tiny jQuery plugin for displaying progress in a visual and engaging way
  • KnobKnobKnob is a cool UI to increase/decrease a value.
  • Real ShadowReal ShadowStop using box shadow, use Real Shadow to create ultra realistic shadow!
  • SeuratJSSeuratJSSeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code. It does this by extacting color data from an image of your choice and rebuilding the original with filled graphical primitives in SVG.
  • PhotonPhotonCSS3 3D lighting engine.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love


Julien Guézennec
Fri, 6th July 2012
Bad code but great example also in my boxFX (JS/CSS3) http://molokoloco.github.com/jQuery.boxFx/#emitterWithKeyframes ;) Reply
Sun, 19th May 2013
good one Reply
Alessandro Nunes
Mon, 10th February 2014
Jquery and html won't replace flash until they'll have the great effects we can make with flash Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!