> ## Documentation Index
> Fetch the complete documentation index at: https://docs.median.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Liquid Glass (iOS)

> Learn how Median apps support Apple's Liquid Glass design on iOS 26 and how to turn on Modern Liquid Design in App Studio.

## Liquid Glass support

[Liquid Glass on iOS](https://developer.apple.com/documentation/technologyoverviews/liquid-glass) is a visual design effect introduced in iOS 26. It creates a frosted-glass appearance using dynamic blur and vibrancy, improving visual hierarchy and depth across the app interface.

Median apps automatically support Liquid Glass on compatible iOS devices. The effect is applied natively by iOS and integrates with web content that uses CSS properties such as `backdrop-filter`. It may also be applied to native UI components within the app.

<video autoPlay muted loop playsInline src="https://cdn.median.co/docs/liquid-design/demo.webm" />

Liquid Glass design: scrolling example

## App configuration

To enable Liquid Glass support, turn on **Modern Liquid Design** in **App Studio → Interface**.

![Interface page in App Studio with the Modern Liquid Design setting](https://mintcdn.com/median-co/TpSItjrYpkPK-i0N/images/docs/da3c1d8c21fb07555fd3574c4f594111d59d2437981741e0fe6775b899f25b69-Screenshot_2026-02-09_at_13.09.46.png?fit=max\&auto=format\&n=TpSItjrYpkPK-i0N\&q=85\&s=8ec0263b6a13237c638ea430465a3b92)

App Studio: Interface, Liquid Glass design

## Additional resources

Developers implementing or designing with Liquid Glass may find the following resources helpful:

**Apple Liquid Glass overview**: Learn about the design goals, system behavior, and platform integration of Liquid Glass across Apple operating systems. See [Liquid Glass](https://developer.apple.com/documentation/technologyoverviews/liquid-glass)

**Apple Human Interface Guidelines**: Describes the design philosophy behind layered, translucent UI elements and spatial hierarchy. See [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/)

**CSS `backdrop-filter` reference**: Documentation for the CSS property most commonly used to enable glass-style visual effects in web content. See [MDN: backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter)


## Related topics

- [Changelog](https://docs.median.co/docs/changelog.md)
- [Changelog archive](https://docs.median.co/docs/changelog-archive.md)
- [iOS debugging](https://docs.median.co/docs/ios-debugging.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.