Best jQuery Image Effects Plugins & Tutorials with Demo

jQuery 3D Heart Animation

jQuery 3D Heart Animation

Animated heart prototype for the Climate Coalition exploring 3D transitions and masking techniques.

Background Blur : jQuery Plugin

Background Blur : jQuery Plugin

Ultra light cross browser image blurring plugin for jQuery

Prideify.js : jQuery Rainbow Stripes Image Effect

Prideify.js : jQuery Rainbow Stripes Image Effect

Inspired by https://facebook.com/celebratepride – a super-lightweight library (< 100 lines of code) to “prideify” (add rainbow stripes to) any image using the <canvas> API.

Gradify : CSS Gradient Placeholders

Gradify : CSS Gradient Placeholders

A module to produce CSS gradients as placeholders for images.

PolyClip : jQuery plugin to Mask Images

PolyClip : jQuery plugin to Mask Images

A jQuery plugin to mask images with a simple polygonal shape.The mask expands on hover and collapses afterwards.

Image Tilt Effect with CSS3 3D Transform

Image Tilt Effect with CSS3 3D Transform

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.

PixelFlow.js : jQuery Image Pixelating Plugin

PixelFlow.js : jQuery Image Pixelating Plugin

PixelFlow.js is an image pixelating filter jquery plugin using canvas.

jQuery toCanvas : Add effects to Images & Videos

jQuery toCanvas : Add effects to Images & Videos

This jQuery plugin allow you to add effects to images and html5 videotags easily. It supports different types of processed effects and overlay

simpleFilter.js : jQuery plugin to Fancify your Images

simpleFilter.js : jQuery plugin to Fancify your Images

simpleFilter.js is an easy-to-use jQuery plugin with a library of photo filters for your website. Choose from eight filters and six modifiers to create subtle effects.

Prism Effect Slider with HTML5 Canvas & JavaScript

Prism Effect Slider with HTML5 Canvas & JavaScript

Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element and plain JavaScript.



Best jQuery websites design awards