Best jQuery Image Effects Plugins & Tutorials with Demo

Instagram.css : Pure CSS Instagram Filters

Instagram.css : Pure CSS Instagram Filters

Instagram.css is a pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only.

Analog Film Emulator – Photo Editor

Analog Film Emulator - Photo Editor

A web based analog film emulator/photo editor. This is a simple photo editor with an analog film emulation mode based on the color lookup tables.

FollowCursor : Following Effect on Hover with JavaScript

FollowCursor : Following Effect on Hover with JavaScript

FollowCursor is a rotate elements to create a following effect.

Sliced Dual Image Layout with CSS

Sliced Dual Image Layout with CSS

Today we’d like to share some layouts with a sliced image look with you. The idea is to show some text elements in a grid layout and change the content and images in a slideshow fashion. For the background image slices, we created a little plugin that has a couple of additonal options. For making an interesting transition, we use a glitch effect. This effect we also apply to some of the text.

scrollToClip :jQuery Plugin to Clip two Elements on Scroll

scrollToClip :jQuery Plugin to Clip two Elements on Scroll

scrollToClip is a function to clip two elements on scroll to give a reveal effect.

jQuery Images Compare Plugin

jQuery Images Compare Plugin

A jquery plugin for comparing two images.

Features:

  • Effort to put appearance via css (easier to skin / override)
  • Touch friendly, mouse drag, with a big thanks to Hammerjs.
  • Responsive
  • You can listen to change event to add some of your logic
  • You can change the value from external code
  • Animation option when changing the value
  • Optional alternative interaction modes : drag by default (the recommended one), click and mousemove (warning desktop friendly only for this settings)

Scalize : jQuery Point Scale Plugin

Scalize : jQuery Point Scale Plugin

Scalize is a responsive scaling position with jquery, you can build awesome your project witch scalize.

ComicBubbles : Speech balloon JavaScript library

ComicBubbles : Speech balloon JavaScript library

ComicBubbles is a JavaScript HTML5 canvas library which simplifies the process of adding speech bubbles to photos. ComicBubbles bubbles can be saved as JavaScript objects or merged with the original image.

Key features:

  • small size, framework-independent
  • can produce interactive, animated speech|thought|scream balloons
  • API

jQuery Meme Generator Plugin

jQuery Meme Generator Plugin

Meme Generator is a jQuery plugin allowing easily creating images with captions (memes). It doesn’t require any special markup, you can use it on any <img> and the plugin will handle the rest. It uses HTML5 Canvas to create images.

Features:

  • Seperate styling for each text box
  • Drawing tool with customizable color and size
  • Two preview modes – canvas and CSS – latter being more suitable for slow machines
  • Saving image as data url or canvas
  • Predefining captions

jQuery Plugin For SVG Blur Effects On Image : jqImgBlurEffects

jQuery Plugin For SVG Blur Effects On Image : jqImgBlurEffects

This plugin was created on the concept un-blurring a part of image using SVG.