Best jQuery Image Effects Plugins & Tutorials with Demo

Interactive Image Map Builder : WordPress Plugin

Interactive Image Map Builder : Wordpress Plugin

Image Map Pro comes with a fully featured web app to quickly create, edit and export your image maps. Using the app is super easy and a step-by-step guide is also included!
Image Map Pro is the only plugin, which allows you to draw custom shapes. You can also use pins, custom icons, rectangles and ellipses.

  • Advanced Drag-and-drop Editor
  • Polygon, Icon, Rectangle and Ellipse Shapes
  • 150 SVG Icons Included
  • Tons of Style and Animation Options
  • Customizable Mouseover and Click Actions
  • Responsive and Optimized for Touchscreen

Thresholding Image Crossfader jQuery Plugin

Thresholding Image Crossfader jQuery Plugin

A tiny (2KB) jQuery Plugin to crossfade images with a nice tresholding effect.

Colofilter.css : Duotone Filters made with CSS

Colofilter.css : Duotone Filters made with CSS

Those colorful filters uses css blend modes and were heavily inspired by Spotify new 2015 ads.
This technic is called “DuoTone”, and today, with the power of CSS we can play around with some blend-modes properties, to get some cool visual results.

React Blur Background with Canvas

React Blur Background with Canvas

React component for creating blurred backgrounds using canvas.

Colorify.js : Tiny JavaScript Color Extractor

Colorify.js : Tiny JavaScript Color Extractor

Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up your designs!

  • Extract the dominant color from an image
  • Generate gradients based on the images colors
  • Isolate colors and manipulates them everywhere in the page
  • Create a Lazy-revealer system for your images
  • Load image dynamically

FilterBlend : CSS blend modes & Filters playground

FilterBlend : CSS blend modes & Filters playground

FilterBlend is a playground for the new CSS background-blend-mode and filter properties.
Load your images and combine blending with filters to achieve some really unique effects!

CSSgram : CSS library for Instagram Filters

CSSgram : CSS library for Instagram Filters

CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we’re doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects. This means less manual image processing and more fun filter effects on the web!

Image Jigsaw Puzzle : jQuery Plugin

Image Jigsaw Puzzle : jQuery Plugin

jQuery plugin to easy convert any image to image based jigsaw puzzle.

Lollipop : HTML5 Image Editor App

Lollipop : HTML5 Image Editor App

Lollipop is the perfect image editing HTML5 app for quick and straight forward editing.

Features:

  • 90+ FILTERS16 Filters + 7 Guest Filters (Instagram) from filters section, and 70+ filters from package section. Lollipop’s filters are shown real-time while you take a photo with your webcam. Move to next or previous filter by swiping.
  • 15 ADJUSTMENT & CROPPING & TRANSFORMING TOOLS & UNIQUE FRAMES Use adjustment tools: Brightness, Contrast, Saturation, Noise, Sharpen, Blur, Circle Blur, Vignette, Effects, Customize RGB… to enhance your images to perfection with ease. Transform your photos with rotating and flipping tools. Crop your photos with quick and easy cropping tool…

jQuery Image Player

jQuery Image Player

jQuery Image Player is a jQuery plugin that is an image based player with a look and feel of video player. It also has slide effects.



Best jQuery websites design awards