New Architecture · Fabric ready
Six specialized components for real, hardware-accelerated blur and iOS 26+ liquid glass effects — SwiftUI 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 and UIGlassContainerEffect support, with a well-engineered tinted-blur fallback everywhere else.
Hardware-accelerated blur via QmBlurView on Android — RenderEffectBlur on API 31+, RenderScriptBlur below that, not a translucent overlay hack.
Built as Fabric/Turbo Module native views from the ground up, with SwiftUI on iOS and Kotlin on Android.
Every component ships its own prop types and enums (BlurType, GlassType, ProgressiveBlurDirection) for precise autocomplete and type checking.
All blur and glass effects automatically respect the "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+) | ✅ | — | — |
| 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 | ✅ | — | — |