14 JavaScript Image Effect Libraries That Are Easy to Use & Look Great
14 JavaScript Image Effect Libraries That Are Easy to Use & Look Great. By following these tips, you can use JavaScript image effect libraries to create beautiful and functional image effects for your website or application.
Here are some best JavaScript libraries for adding stunning effects to your images, like blur, sharpen, emboss, lighten, vintage, zoom, etc.
Sticker.js
Sticker.js is a JavaScript library that creates a peeling sticker effect. It does not depend on any other libraries like jQuery.
Oridomi
OriDomi is an open source JavaScript library to Fold the DOM like paper. You can use the mouse or touch to manipulate the DOM.
Magnifier.js
Magnifier.js is a Javascript library enabling magnifying glass effect on an images.
CamanJS
CamanJS is canvas manipulation in Javascript. It’s a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques.
StackBlur
Mario Klingemann has created a fast implementation of an “almost gaussian blur algorithm” in JavaScript.
glfx.js
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.
Intense Images
A stand alone javascript library for viewing images on the full, full screen. Using the touch/mouse position for panning.
VintageJS
Add a retro/vintage effect to images using the HTML5 canvas element.
Add a little magic!
A little jQuery plugin for making DOM elements sparkle (uses Canvas).
Filterous.js
Image manipulation library in JavaScript that applies filters to photos à la Instagram on browser. This script take pixel data from a photo that you want to give filter effects, and maniplute its pixels using the canvas element.
Blur on Scroll + Simple Parallax
This pen demonstrates a simple medium.com-like blur image on scroll and content parallax. It gets the scroll position using requestAnimationFrame instead of an onScroll event.
WebGLImageFilter
Construct a chain of image filters and apply them to an Image or Canvas element. All filters are executed by WebGL Shaders which makes them pretty fast.
Filtrr2.js
Insta-hipster-o-matic images in 6.8kb of JavaScript.
jQuery filter.me
jQuery filter.me is a jQuery dependant script that allows you to apply filters to images using Photoshop .acv Curves Adjustment files.
