Expokit

Liquid Glass

Apple's iOS 26 material as copy-paste components. Every one is built on Glass, which picks the best renderer for the device, so the same code looks right on iPhone, Android and the web.

iOS 26+

Real Liquid Glass (expo-glass-effect): refracts, reacts to touch and melts together inside GlassGroup.

iOS 18 and older

System material blur with a specular rim and soft shadow.

Android 12+

Real blur when the screen is wrapped in GlassProvider + GlassBackdrop, a frosted surface otherwise.

Web

CSS backdrop blur — what these previews use.

9:41
Native bottom tabs (Liquid Glass)Real Liquid Glass NativeTabs on iOS 26+, and a floating blur glass tab bar with the same scroll-collapse on iOS 18 and older, Android and web.Whole Expo Router app · system NativeTabs on iOS 26
GlassProLiquid Glass for every device: real iOS 26 Liquid Glass (interactive, mergeable with GlassGroup), system material blur on older iOS, real blur on Android 12+ inside GlassProvider / GlassBackdrop (a frosted surface otherwise) and backdrop blur on web — with a specular rim, hairline edge and soft shadow wherever the glass is emulated. The base every glass component is built on.3 variants
Glass ButtonProLiquid Glass buttons and toolbars. GlassButton: label, icon or both in three sizes (icon-only is a circle), plain monochrome glass or tinted glass for the primary action, a spring press and a light haptic — real interactive Liquid Glass on iOS 26, blur everywhere else. GlassToolbar: icon buttons in one glass capsule with hairline separators, or a floating cluster of glass circles that melt into each other on iOS 26, with an active state for tools and toggles.4 variants
Glass Nav BarProThe iOS 26 top bar in Liquid Glass: a centred title, a round glass back button and round glass actions that melt together on iOS 26. Wire it to a ScrollView with useGlassNavScroll() and the bar starts transparent, its glass fading in as content slides under it, while an optional large title shrinks and collapses into the bar — all on the native driver. Real Liquid Glass on iOS 26, blur on older iOS, Android and web.3 variants
Glass Search BarProiOS 26 floating search pill on Liquid Glass. The pill swells a touch on focus, a clear button pops in with text, and an optional round glass cancel button (or a Cancel capsule) splits off beside it — grouped, so on iOS 26 the two melt together as it springs in. Leading / trailing slots fit a custom icon or a mic button. Real Liquid Glass on iOS 26, blur or frosted glass everywhere else.3 variants
Glass Segmented ControlProA Liquid Glass segmented control: a glass track with a brighter glass thumb that springs to the new segment, stretching in the direction of travel before it settles like a drop. Press the thumb and drag it across the segments — it follows your finger, ticks as it crosses each one and snaps to the nearest on release. Native-driver motion, Reduce Motion aware, monochrome unless you give it an accent.4 variants
Glass SheetProiOS 26 floating glass sheet. Detached by default — it floats inset from the screen edges with big rounded corners — or docked edge-to-edge. It springs up over a fading dim, follows your finger from the grabber or the content, settles on the snap point projected from your release velocity (a fling down dismisses) with a haptic tick, and sizes itself to its content when no snap points are given; taller content scrolls. Real Liquid Glass on iOS 26, material blur on older iOS and web, a readable frosted surface on Android.3 variants
Glass Tab BarProA floating Liquid Glass tab bar like iOS 26: a glass pill whose selected tab sits in a lighter bubble that springs between tabs, stretching as it travels and settling when it lands. Icons lift when selected, red count badges, optional labels and a separate circular trailing button (search) grouped with the bar so the two melt together on iOS 26. Real Liquid Glass on iOS 26, blur everywhere else; native-driver motion that respects Reduce Motion, selection haptics and a tablist for screen readers.4 variants