React Native Liquid Glass — iOS and Android

🤖 Yes — this one does Android too.

Most React Native Liquid Glass libraries are iOS-only. This one renders real glass on both platforms from the same <LiquidGlassView>: Apple’s native UIGlassEffect on iOS 26, and a real-time AGSL refraction shader on Android 13+. Same props, same component, no platform branching in your app code.

Add authentic Liquid Glass to a React Native app — on Android and iOS — from a single declarative component. On iOS 26 it renders Apple’s native UIGlassEffect. On Android, where there is no system Liquid Glass, it reproduces the same optics in a real-time AGSL refractive-lens shader — capturing the backdrop and bending it through a rounded-glass lozenge with edge refraction, chromatic dispersion, a mirrored edge reflection, a Fresnel rim, and tilt/touch specular highlights. Ships an Expo config plugin, first-class TypeScript types, custom shapes (including concave SVG silhouettes), and works on the New Architecture (Fabric) and the old one.

Looking for this under a different name? You're in the right place — this library covers React Native liquid glass, glassmorphism, frosted glass, glass effect, glass blur, backdrop blur, blur view, iOS 26 glass, Apple glass UI and Android AGSL glass. See the library comparison if you're deciding between the options.

npm install react-native-liquid-glassmorphism
# Expo (dev build / prebuild — not Expo Go):
npx expo install react-native-liquid-glassmorphism

import { LiquidGlassView } from 'react-native-liquid-glassmorphism';

<LiquidGlassView variant="regular" tintColor="rgba(10,132,255,0.5)" interactive borderRadius={24}>
  <Text>Frosted glass content</Text>
</LiquidGlassView>

Why choose it

  • Glass that merges — bring two glass views close and they fuse into one liquid body, on Android as well as iOS. iOS uses Apple’s UIGlassContainerEffect; Android has no OS equivalent, so the shapes are smooth-minned per pixel in the shader.
  • Real Liquid Glass on both platforms — native UIGlassEffect on iOS 26, a matching AGSL refraction shader on Android. Most alternatives are iOS-only or plain blur.
  • Actual refraction, not just blur — Android bends and magnifies the backdrop through a glass lozenge (edge refraction + chromatic dispersion + mirrored edge reflection + Fresnel rim), instead of a flat frosted pane.
  • Interactive glass — reacts to touch (a specular bloom + optical magnification under the finger) and to device tilt (a moving specular highlight).
  • Custom shapes — circle, squircle, polygon, explicit points, or an arbitrary (even concave) SVG path. The glass lenses the backdrop through the shape — a real optical silhouette, not a clip.
  • Graceful degradation — full effect on iOS 26 / Android 13 (API 33+); clean blur or translucent fallbacks on older OS versions.
  • Drop-in — one declarative component, identical API across platforms, Expo config plugin, New Architecture + old architecture, TypeScript.

Comparisons

Install & source