Best jQuery Image Effects Plugins & Tutorials with Demo

    jQuery Hover3d : 3d Hover Effect

    jQuery Hover3d : 3d Hover Effect

    jQuery Hover3d is a simple hover script for creating 3d hover effect.The idea is transforming the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change the transform value

    Philter : A JS plugin for CSS Filters

    Philter : A JS plugin for CSS Filters

    Philter is an open source JavaScript plugin that allows you to control CSS filters through HTML attributes counting on hover event triggered effects.

    Photo Editor : JavaScript Photo Edition Application

    Photo Editor : JavaScript Photo Edition Application

    Photo Editor is a photo editing application based on the Cropper.js.

    iPanorama 360° : jQuery Plugin

    iPanorama 360° : jQuery Plugin

    iPanorama 360° jQuery Plugin is a lightweight and rich-feature panorama viewer for the web. This plugin is built with modern libraries jQuery and Three.js to be used for part of backend solutions. Additionally, it has an awesome feature which allowed the user to navigate from one scene to another. Also, it supports hotspots for providing information about any part of the scene or for creating virtual tours.

    Blurry Image load : jQuery Plugin

    Blurry Image load : jQuery Plugin

    This is jquery plugin provide the blurry image effect when image is completely load.

    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