Liquid Glass for every stack, measured against iOS.
Apple's iOS 26 glass for Android, desktop, web, React Native, Flutter and .NET: real refraction of whatever is behind it, the tab bar whose selection becomes a lens you can drag and throw, and glass versions of every Material 3 component.

_{Rendered by the library (desktop Skia, a deterministic 60 fps replay of a tap, a hold and a throw; shown at 30 fps).}

Try the live demo in your browser · Documentation · Getting started

iOS is not a target on any stack: iOS 26 draws Liquid Glass natively.

LiquidGlassTheme {                       // once, around the app, as MaterialTheme is
    App()
}

Icon(Icons.Default.Edit, null,
    Modifier.size(44.dp).glassEffect(Glass.Regular.interactive(), CircleShape))

GlassEffectContainer(spacing = 20.dp) {  // close pieces melt into one
    Row { /* glassEffect pieces */ }
}

GlassTabBar(itemCount = 3, selectedIndex = selected, onSelected = { selected = it }) { index, isSelected ->
    Tab(index, tint = if (isSelected) Accent else Ink)
}

import com.wexpa.liquidglass.material3.Scaffold          // was androidx.compose.material3.Scaffold
import com.wexpa.liquidglass.material3.NavigationBar
import com.wexpa.liquidglass.material3.NavigationBarItem

_{Rendered by the library: desktop Skia raster (MaterialShowcaseRenderTest), 390 × 844 dp at density 3, scrolled 170 dp. Not a device or browser capture; a Pixel 7 capture and the limits are in the evidence.}

<!-- after `import '@shayxo.dev/liquidglass'` in your bundle, which registers the element -->
<liquid-glass interactive><button>Back</button><button>Share</button></liquid-glass>

<Canvas style={StyleSheet.absoluteFill} pointerEvents="none">
  <GlassSurface source={backdrop} x={16} y={height - 100} width={width - 32} height={84} radius={28} dark />
</Canvas>

GlassSurface(radius: 36, dark: true, child: Row(children: icons))   // over a ListView, refracted live

var bar = new GlassSurface { Backdrop = new GlassBackdrop(rows), Dark = true, Radius = 36, Content = tabs };

Compose, Material 3 Pixel 7, Android 17	React Native Pixel 7, React Native Skia	Qt Quick (preview) PySide6, Mesa software render in CI
Flutter Pixel 7, Impeller	.NET MAUI Pixel 7	Web component Chromium, headless capture
WPF Windows 11	Avalonia Windows 11	Unity (preview) D3D11 WARP in CI, not yet run in Unity

_{Each image is the library rendering on that stack, captured by its demo app; the review folder next to each one gives the revision, the backend, how it was captured and its limits. Qt and Unity are previews: rendered in CI only, never yet on a GPU or in the Unity editor.}

Measured, not styled. The material's levels, rim, refraction and the tab bar's motion are fitted to iOS 26 screen recordings and scored against them, frame by frame, through the real renderer. Every number says whether it was measured, inherited or authored: the research record, the latest comparison. The motion is close to iOS but not yet identical, and the remaining differences are listed.

_{iOS 27 (top, the owner's screen recording) and LiquidGlass (bottom, replaying the finger path inferred from it). The motion is close; iOS still bends the icons under the lens more strongly, and that is open work. Source, method and limits.}

_{A tap (left) and a throw (right): iOS 26 on top, LiquidGlass below.}

One material, every stack. Compose, the web component, React Native, Flutter and .NET all run the same production shader, generated from one source and checked against each other in CI.

There are excellent libraries for single stacks, and they may suit you better:

Their descriptions are quoted from their own repositories (checked 20 October 2026); none of them is claimed here to lack anything.

The demo app, on desktop, Android and in your browser: a scene that keeps moving under every piece of glass. ./gradlew :desktop:run.

The maintainer has one Windows machine and one Android phone. If you have a Mac, a Samsung, Safari, or a Linux desktop with a real GPU, a ten-minute check helps a lot: see the needs-device issues. The iOS parity work is tracked in the 1.1.0 milestone. Issues labelled needs-dataset depend on the maintainer's private iOS recordings and are assigned to them; the other parity issues carry measured targets and, where it helps, short clips to work from. Questions and show-and-tell go in Discussions. Contributing explains the evidence a change needs.

Apache-2.0: see LICENSE and NOTICE. Not affiliated with or endorsed by Apple. "Liquid Glass" names the design this resembles. No Apple code, shaders or assets are used; reference recordings are research material and are not distributed. Security · Changelog · Limitations