Documentation

@sbaiahmed1/react-native-blur ships six components for native blur, vibrancy, and iOS 26+ liquid glass effects. Start with installation, then look up whichever component fits your use case.

Installation

Requirements and setup steps for @sbaiahmed1/react-native-blur on iOS and Android.

BlurView

Native blur effects for iOS and Android with precise intensity control.

VibrancyView

iOS only

iOS vibrancy effects that make content shine through a blurred background.

LiquidGlassView

iOS 26+

iOS 26+ UIGlassEffect liquid glass, with a tinted-blur fallback everywhere else.

LiquidGlassContainer

iOS 26+

Group multiple glass elements with configurable spacing using UIGlassContainerEffect.

ProgressiveBlurView

Smooth, variable/gradient blur transitions on both iOS and Android.

BlurSwitch

A switch button with a blurred track on Android.

Props reference

Consolidated prop tables for all six components, plus the BlurType and GlassType enums.

Migration & breaking changes

Upgrading from v3.x, and migrating from @react-native-community/blur or expo-blur.