47 JQuery Blur Plugins

This plugin was created on the concept un-blurring a part of image using SVG. .....
Image Effects Plugins SVG Tutorial

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

Bluroverlay.js is a jQuery plugin to blur overlay. .....
Plugins

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

React component for creating blurred backgrounds using canvas. .....
Core Java Script HTML5 Image Effects

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter. .....
Carousel Image Effects Popup Window SVG Tutorial

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.....
HTML5 Menus Plugins Responsive

Ultra light cross browser image blurring plugin for jQuery .....
Image Effects Plugins

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 backg.....
Plugins Popup Window

jQuery Plugin to create nice blur backgrounds from an image. .....
Image Effects Plugins

oblurlay is implement a blur view of iOS7 style with svg and jquery. .....
Plugins SVG Tutorial

Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome. .....
Image Effects Plugins Text Effect

BlurryBackground() is a JavaScript application which can be easily included in any website. It allows programmer to create modern-looking blurry backgrounds without need to load large background images. This means you can save eve.....
Image Effects Plugins Premium

Vague.js is an experimental script that allows you to blur any kind of html element thanks to the SVG filters. This script is crossbrowser and it was tested on:Firefox 10 +Chrome 18 +Safari 6.0 +IE 7 + .....
CSS Image Effects Plugins SVG Tutorial Web

blur.js is a jQuery plugin that produces psuedo-transparent blurred elements over other elements. .....
Plugins

Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will c.....
Animation CSS Gallery

I manage to reproduce an effect that I loved to do. When flash arrived I was using this effect in every website. Only today I manage to get it to work with blur and with clipping. Thanks to Greenshock we can make a smooth effect......
SlideShow

.....
Validation

A minimal fast jQuery based modal window that uses CSS filters to blur the background (main content) when the modal is opened......
Modal Blur

The Responsive-Lightbox jQuery plugin displays a group of images in a responsive gallery lightbox with a blurred overlay covering the main content......
gallery-lightbox image-lightbox

blureffect.js is a really small jQuery plugin which applies blur in and blur out effects to a specific element using CSS3 transition, transform and blur filter properties......
Blur

ClarityLightbox is a lightweight jQuery plugin to showcase your images in a responsive modal popup while blurring the overlaid main content using the CSS3 blur filter......
Modal image-lightbox

Makes use of jQuery, jQuery UI and CSS/CSS3 to create a draggable, toucn-enabled, transparent plastic card with blurred background......
jQuery-UI

BlurSwapper is a text-based carousel plugin that allows to rotate through an html list of text with fading and motion blur effects......
text-rotator

frost-mask is a lightweight jQuery plugin that uses CSS3 blur filters and transitions to create an animated blur effect on a specific container when triggered......
Blur Overlay Mask

PopupLayer is a cool jQuery plugin that creates off-canvas drawers sliding out from any position of the webpage, while blurring the other web content......
off-canvas-menu drawer

A simple flat jQuery/CSS3 based modal window that uses CSS3 blur filter to apply a blur effect to the background content after the modal opens......
Modal Blur

blurIt is a jQuery plugin for blurring image that loads a specified image onto an HTML5 canvas, blurs it and then uses the blurred image as a background on your webpage......
Blur background background-image

Gaussian Blur is a lightweight jQuery plugin which applies Gaussian blur effect to images using SVG filters or CSS blur filters......
Blur

Background Blur is a lightweight and cross-browser jQuery plugin for creating a blurred background from a give image using SVG filters......
Blur SVG background-image

This is a jQuery & CSS3 based animated and responsive modal component that uses SVG filters to blur the background (main content) when the modal popup is triggered......
Modal

This is a simple jQuery & CSS/CSS3 solution to apply subtle parallax, zoom and blur effects to any images as you scroll down the web page......
image-zoom parallax Blur

BlurMan is a lightweight jQuery plugin for blurring any DOM elements using CSS or SVG filters......
Blur

A modern navigation concept that helps you creates a full-sized navigation menu and blurs the background using CSS blur filter......

Blur.js is a jQuery plugin which makes use of jQuery UI draggable and canvas 2D api to create a movable blur mask over a given element......
Blur Overlay

Motion Blur Gallery is a jQuery plugin used to create a responsive image slider/slideshow with a motion blur transition effect using SVG filters......
Image-Slider Blur

A super tiny jQuery plugin that adds a progressive blur effect to given elements while scroll down the webpage, by using CSS blur filter......
Blur

A stylish animated modal window with SVG filter based motion blur effect, built using jQuery, CSS3, SVG and GSAP JavaScript library (TweenMax.js)......
Modal Blur

A cool jQuery plugin used to create a fixed menu with background image parallax & blur effects as you scroll down the web page......
parallax Blur

A tiny jQuery script to create a modal dialog box with blurred background transition effect based on CSS3 animation and keyframes......
Modal Blur

Blurme is a tiny jQuery plugin that implement a cross-browser blur effect on an Html element, with SVG fallback for Firefox......
Blur

A jQuery plugin allows you to filter a gallery of images by blurring the unnecessary images using CSS3 transitions and blur filter......
Filter Blur

A blur effect built in jQuery and CSS3 that enlarges/highlights the hovered container to focus your users on the current content, and blurring the other containers......
hover Blur

Focucss is a jQuery plugin to create an off-canvas sidebar navigation with a cool blurring effect, that will focus your users on your sidebar content, and blurring the useless content......
Blur side-menu Navigation

Just another jQuery plugin that creates a sticky semitransparent mask over the Html elements similar to the iOS 7 blur view......
Blur Mask iOS-7

Blur is a simple jQuery plugin that enables you to fade in and out text with a blur effect. Based on jQuery transit library for smooth CSS3 transformations and transitions......
Blur Text-Effect

Captionblur is a fancy jQuery plugin for adding an animated image caption with a blurred overlay over an image when mouse hover......
Blur Overlay image-caption