Best jQuery Blur Effect Plugins & Tutorials with Demo

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.

Blurify : JavaScript library to blurred Images

Blurify : JavaScript library to blurred Images

Blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.

Blurry Image load : jQuery Plugin

Blurry Image load : jQuery Plugin

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

React Blur Background with Canvas

React Blur Background with Canvas

React component for creating blurred backgrounds using canvas.

Motion Blur Effect with SVG & jQuery

Motion Blur Effect with SVG & jQuery

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Blurry Menu with jQuery & Html5 Canvas

Blurry Menu with jQuery & Html5 Canvas

A blurry menu for all kind of websites. The blur effect is added dynamically and context sensitive to all displayed web-contents like images, texts and even background-images. This script uses existing scripts like html2canvas and Superfast Blur.

Background Blur : jQuery Plugin

Background Blur : jQuery Plugin

Ultra light cross browser image blurring plugin for jQuery

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

BlurBox : jQuery lightbox with blured Background

BlurBox : jQuery lightbox with blured Background

BlurBox is a jQuery lightbox which blurs the background.On small screens (<= 480px), a lightbox doesn’t make much sense, so the plugin instead switches to a sheet which slides up from the bottom and just darkens the background (no blur)

Blurr : jQuery Plugin to create nice Blur Backgrounds

Blurr : jQuery Plugin to create nice Blur Backgrounds

jQuery Plugin to create nice blur backgrounds from an image.