how do I adopt liquid glass? what will it look like on ios 18 and older

Asked on 06/12/2025

1 search

To adopt Liquid Glass in your app, you should start by building your app with Xcode 26, as this will automatically apply many of the new design elements. Liquid Glass is a new material introduced in iOS 26 that provides a translucent, dynamic, and interactive layer to your app's UI. It is designed to float above your content, providing a distinct functional layer for controls and navigation.

Here are some steps to adopt Liquid Glass:

  1. Use Apple's Native Frameworks: Whether you're using SwiftUI, UIKit, or AppKit, these frameworks fully support Liquid Glass. This makes it easier to integrate the new design into your app.

  2. Audit Your App: Go through your app screen by screen to identify which views stand out and where Liquid Glass can enhance the user experience. Pay special attention to background colors behind sheets and toolbars that you can remove.

  3. Use System Views and Controls: For the best experience, use system views and controls where possible. This ensures that your app takes full advantage of the new design with minimal effort.

  4. Customize Where Necessary: For custom views, you can use the Glass Effect ID modifier in SwiftUI or the UI Visual Effect view in UIKit to create a Liquid Glass effect. This allows you to highlight key functionalities in your app.

  5. Avoid Overuse: Liquid Glass should be reserved for the most important elements in your app to maintain clarity and focus. Avoid stacking Liquid Glass elements on top of each other to prevent a cluttered interface.

For more detailed guidance, you can refer to the session Build a SwiftUI app with the new design (17:57) and Build a UIKit app with the new design (19:15).

Regarding how it will look on iOS 18 and older, apps built with Xcode 16 will maintain their current design when run on older versions. The new Liquid Glass design is specific to iOS 26 and later, so older versions will not display these new effects.