how can i adopt liquid glass

Asked on 06/15/2025

2 searches

To adopt Liquid Glass in your app, you can follow these guidelines based on the sessions from WWDC:

  1. Frameworks and Tools: Liquid Glass is supported across all major Apple UI frameworks, including SwiftUI, UIKit, and AppKit. You should build your app with Xcode 26 to take advantage of the new design and materials automatically applied to standard controls.

  2. Design Intent: Liquid Glass is designed to be an interactive layer that floats above your content. It should be used for the most important elements in your app, such as main controls and navigation elements. Avoid using it excessively or stacking it on top of other glass elements to prevent a cluttered interface.

  3. Implementation:

    • SwiftUI: Use the Glass Effect ID modifier to apply Liquid Glass to your elements. You can configure transitions and interactions by associating a local namespace with your glass effect elements.
    • UIKit: Create a UIVisualEffectView and apply a UI Glass Effect within an animation block. Customize the shape using corner properties and ensure interactive elements are set to be interactive.
    • AppKit: Use NSGlassEffectView to apply Liquid Glass. Set the content view to your desired view and use auto layout to maintain geometry.
  4. Design Principles: Liquid Glass should be used to enhance the visual hierarchy and maintain clarity. Avoid using it on elements that are not part of the navigation layer or that could compete with other UI elements.

  5. Variants: There are two variants of Liquid Glass—regular and clear. Regular is versatile and adaptive, while clear is more transparent and does not have adaptive behaviors. Choose the variant that best suits your design needs.

For more detailed guidance, you can refer to the session Meet Liquid Glass (10:31) which covers principles and adaptivity of Liquid Glass.