Blur Effect

Icon Blur Library

(preact-fork) Lazy-loading React background-image component with optional support for the blur-up effect. Transpiled to ES5.

A lightweight yet powerful React Native package for applying a native blur (frosted glass) effect to any view on both iOS and Android.

Progressively load images using a medium like blur effect.

Lazy-loading React image component with optional support for the blur-up effect.

Angular 2 blur effect, just wait for it

Effects utilities

Advanced layered acrylic glass effects for web elements. Create iOS/Windows-style acrylic blur overlays with multiple customizable layers: blur, luminosity, tint, and noise.

Responsive lazy loading vue component with meduim-style blur effect

Custom element for handle lazy load images with placeholder img and blur effect

Scroll reveal animations with blur and opacity effects for React applications

Elevate your website’s user experience with dynamic visual effects on scroll.

Effects utilities

blur effect

Apply blur effect to children components

Make images loading lazily with a blur-in effect.

Progressively load images using a blur effect. Edit

A plugin that allows for generated filters on images using svg filters

The Personify Segmentation JavaScript Software Development Kit (PsySeg JS SDK) is a library that utilizes our state-of-the-art machine learning models and algorithms to perform user segmentation and apply special effects (blur and replacement) on the back

Creates a gaussian blur effect background using a canvas element.

Provide a simple webcomponent that apply a motion blur effect using SVG filters.

A [rehype](https://rehype.js.org/) plugin for processing image nodes to add blur effect and width/height in compile time

Avoid cropping an image to fit a specific canvas size.

A React component for progressive image loading with a low-res blur effect.

A React Native component for creating a Glassmorphism effect with background blur.

Bring a beautiful, iOS-style **liquid glass effect** to your React web apps using this lightweight and customizable component. Inspired by iOS 26's blurred, frosted design, it adds depth and motion using SVG distortion and CSS glassmorphism.

Beautiful CSS-based animated mesh gradients for React - 34 themes, 3D lighting, drop shadows, mouse tracking, no WebGL required

A collection of effects such as blur realized with CSS filters

Lazy-loading React image component with optional support for the blur-up effect.

Simple React Tag Sphere component with blur effect

Uses the iOS blur effect to blur anything that has an underlying iOS view, and blurs images on android, using BlurKit..

Lazy loading image render with blur effect for Next.js

Lazy-loading React image component with optional support for the blur-up effect.

PostCSS plugin that adjusts blur values imported from Figma to ensure they visually match the blur effect in browsers. Perfect for syncing design and implementation.

Lazy-loading React image component with optional support for the blur-up effect.

Blurr Mode is a supplemental display mode designed to obscure specific content such as NSFW material or distracting elements by applying a blur effect across targeted UI areas. While maintaining basic readability and structure, this mode helps protect use

Blurr Mode is a supplemental display mode designed to obscure specific content such as NSFW material or distracting elements by applying a blur effect across targeted UI areas. While maintaining basic readability and structure, this mode helps protect use

A high-performance, cross-platform blur view component for React Native that delivers smooth blur effects without sacrificing application performance.

(preact-fork) Lazy-loading React background-image component with optional support for the blur-up effect.

This is an example project demonstrating how to use the `@blur-effect/oauth2-handler` package with Google Calendar API. The example showcases multi-account support, allowing users to connect and manage multiple Google accounts simultaneously.

Zepto plugin for dynamic applying CSS blur effect

Vite plugin for adding image placeholders with blur, shimmer, or RGB effects

A collection of effects such as blur realized with CSS filters

Easiest motion blur for the web.

Multiple Blur Effect Works if muiltiple children needs to be blured out on both ios and android

"A simple blur effect for react native views"

tint blur effect for react native

A React Native component library for liquid glass effects

Apply a motion blur visual effect to any element

blur effect for mofron