New Architecture · Fabric ready
Six specialized components for real, hardware-accelerated blur and native liquid glass on iOS 26+ and Android 13+ — UIKit on iOS, Kotlin on Android, full TypeScript support, and smart fallbacks everywhere else.
npm install @sbaiahmed1/react-native-blurBlurView, VibrancyView, LiquidGlassView, LiquidGlassContainer, ProgressiveBlurView, and BlurSwitch — each with a focused, dedicated API instead of one component switching modes.
The only React Native blur library with iOS 26+ UIGlassEffect / UIGlassContainerEffect support AND native AGSL shader glass on Android 13+, with a well-engineered tinted-blur fallback everywhere else.
Real backdrop blur via QmBlurView on Android — downsampled native capture with JNI blur passes on all API levels (24+), not a translucent overlay hack.
Built as Fabric native views, with UIKit on iOS and Kotlin on Android.
Every component ships its own prop types and enums (BlurType, GlassType, ProgressiveBlurDirection) for precise autocomplete and type checking.
BlurView, ProgressiveBlurView, and LiquidGlassView support the iOS "Reduce Transparency" setting with a configurable fallback color.
Compared against @react-native-community/blur and expo-blur, the two most commonly used alternatives.
| @sbaiahmed1/react-native-blur | @react-native-community/blur | expo-blur | |
|---|---|---|---|
| Component architecture | Six dedicated components, each with a focused API | Single BlurView with a mode-switching prop | Single BlurView component |
| Liquid glass effects (iOS 26+ / Android 13+) | ✅ | — | — |
| New Architecture (Fabric) support | Built for Fabric/Turbo Modules from the ground up | Partial | Partial |
| Android blur | Real hardware-accelerated blur (QmBlurView) | Varies | Experimental |
| Requires Expo | — | — | ✅ |
| Per-component TypeScript prop types | ✅ | — | — |