jQuery Image Effects Plugin & Tutorials with Example

Imgx : jQuery extension for Serving High-Resolution Images

Imgx : jQuery extension for Serving High-Resolution Images

Lightweight jQuery extension for serving high-resolution images on desktop and mobile devices. Compatible with @2x, @3x, and @4x image varients, using Apple’s recommended naming convention for high-resolution graphics.

ImageEditor : jQuery Image Editing Plugin

ImageEditor : jQuery Image Editing Plugin

A simple plugin for jquery utilizing camanjs to do image editing and filter applying.

Pixie : JavaScript Image Editor

Pixie : JavaScript Image Editor

Pixie is a online javascript image editor script that can easily crop, rotate, resize, zoom and round your images corners right from your browser and then save it to your computer.

  • Easily crop, rotate, resize, zoom
  • Free Drawing Mode
  • Add Text to Images
  • Apply Multiple Image Filters
  • Draw and Add Various Shapes
  • Choose from 100s of Stickers
  • Layers and History Management
  • HTML5, No Flash Required

Glfx.js : JavaScript Image effects library using WebGL

Glfx.js : JavaScript Image effects library using WebGL

Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effects that would be impossible to apply in real-time with JavaScript alone.This library provides realtime image effects using WebGL. There are three parts to glfx.js:

  • texture: a raw source of image data (created from an <img> tag)
  • filter: an image effect (represents one or more WebGL shaders)
  • canvas: an image buffer that stores the results (a WebGL <canvas> tag)

Parallax Hero Image with CSS3 3D Transforms

Parallax Hero Image with CSS3 3D Transforms

A full-width figure element, with floating images distributed in a 3D space.

What you can achieve through CSS 3D Transforms is limitless. With power comes responsibility, though. There will be cases when you’ll take full advantage of CSS 3D capabilities. In most projects, though, you can just spice things up a little.

ClassyPicozu : jQuery Image Editing Plugin

ClassyPicozu : jQuery Image Editing Plugin

ClassyPicozu is a jQuery plugin that allows you to use Picozu’s advanced image editing functions on images from your own website. Basically you get an awesome online image editor your visitors can use to play with.

Dense.js : jQuery plugin for serving Retina-ready Images

Dense.js : jQuery plugin for serving Retina-ready Images

Dense is a jQuery plugin for serving retina-ready, high pixel ratio images with ease. Small, ease-to-adapt, yet very customizable and works cross-browser. With Dense, your content images get support for data-ratiox attributes and Apple’s retina image naming convention.

Integrate Pixlr Online Photo Editor in Website

Integrate Pixlr Online Photo Editor in Website

In this tutorial we are going to integrate pixlr online photo editor in our web application or website.

Pixlr is an free online photo editor tool, using this pixlr editor we can edit photos like in adobe photoshop. pixlr has almost same interface of photoshop, if you know photoshop little bit then it’s easy for you to edit photos in pixlr editor. So now we are going to add this excellent pixlr photo editor in our website.

Breathing Halftone : Image into Floaty Dots

Breathing Halftone : Image into Floaty Dots

Images go whoa with lots of floaty dots.

Magic Edge : Pure JavaScript Background Remover

Magic Edge : Pure JavaScript Background Remover

Imagine pure JavaScript image background removal. Can you?
So try this tool and your imagination will become real.

Features:

  • Easy to use interface
  • Support images with complex, white, gray or gradient background
  • MagicEdge and MagicWand tools
  • Image conversion on the client side
  • Auto conversion from JPG, GIF to PNG
  • Download or send to server
  • Edge blur
  • Preview before save
  • Zoom and Pan
  • Cross-browser support


Best jQuery websites design awards