Blur Effect

Add real-time AI video effects: virtual backgrounds, blur, touch-up, auto-framing, color correction, lower-thirds, and more. Works on all browsers for conferencing, streaming, and recording.

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

PixiJS filter to apply a directional blur effect

PixiJS filter to apply an alternative, fast blur effect to Gaussian

PixiJS filter to apply a radial blur effect

PixiJS filter to apply zoom blur effect

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

Motion blur effect for Remotion

This package contains configurable per-object and per-camera outline effect implementation for built-in render pipeline. Both solid and blurred outline modes are supported (Gauss blur), as well as depth testing. Reusable and extensible API.

The go-to solution to Electron composition effects

Makes your elements move with a motion blur effect. Vroom, vrooom!

The official DeepAR Web SDK

A React component for creating liquid glass morphism effects with customizable distortion and blur

Progressively load images using a blur effect. Edit

blur effect library for react-native

SVG library for transitioning numbers with motion blur

A lightweight React component that creates smooth, progressive blur effects with customizable intensity and positioning. Perfect for creating modern UI overlays, video controls, and aesthetic blur gradients.

Add vibrancy effect for electron

Easily add virtual background effects to your video/camera input inside any web browser

🎨 Native iOS progressive blur for React Native (Expo) — smooth, customizable SwiftUI blur effects with directional gradients and easy integration. 🍎✨

ReactNative Component that makes easy to use iOS8 UIVisualEffect

Animate all aspects of a shadow: the color, the x- and y-offset, the blur-radius and spread-radius.

You can see it working live here [vue-stream-mask demo](https://sagoncalves.github.io/vue-stream-mask/ "vue-stream-mask demo")

react-ios-liquid-glass is a lightweight React + TypeScript library that helps you easily replicate the elegant iOS liquid glass effect (also known as glassmorphism). With built‑in support for blur, transparency, and smooth transitions, this package allows

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

Universal gl-react multi-pass gaussian Blur effect with configurable intensity

A modern, customizable toast component for Expo with beautiful blur effects, smooth animations, and a powerful queue system.

A customizable React component library for creating elegant glassmorphism interfaces. It provides flexible, interactive UI elements, such as cards, buttons, and inputs, with effects including blur, saturation, distortion, light glow, and hover.

Add a live frosted glass blur effect over any type of web content, including text.

a blur effect based on random hash offset

Translucent plastic card theme.

Card for images with blur effect on hover

An img helper directive for some cross-platform effects, like: blur

A customizable React Native popup component with blur effects and toast integration

A Tailwind CSS v3.0+ plugin to add glow effects with customizable blur sizes and colors.

Liquid glass visual Apple effect for React components using simple CSS and SVG filters.

A plugin used to make blur effect on image that needs to be preloaded.

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

Progressively load images. Loads a small thumbnail first. Includes fade and blur effects.

A Vue binding for translucent

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

Simple modal with background blur effect

Produce blurred versions of images. Used to reproduce Medium blur-on-scroll effect.

Lazy loading image render with blur effect for Next.js

Generate data to create blur up effect when uploading through Uppy.

WebGL-based image processing library.

Official DeepAR Agora Extension for Web

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

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

Progressively load images using a medium like blur effect.