Utiliser l’effet liquide glass ?

Asked on 06/11/2025

1 search

To use the Liquid Glass effect, you can follow these guidelines based on the sessions from WWDC 2025:

  1. UIKit: Liquid Glass is designed to be an interactive layer that floats above your content. It is best used for the most important elements of your app, such as custom buttons that float above a map. To implement it, create a UIVisualEffectView and set a new UI glass effect in an animation block. You can customize the shape using the new corner properties. For more details, refer to the session Build a UIKit app with the new design.

  2. SwiftUI: You can add transitions to your glass container using the Glass Effect ID modifier. Declare a local namespace and associate it with each of the glass effect elements. This allows for fluid morphing transitions. For more information, see the session Build a SwiftUI app with the new design.

  3. AppKit: Use the NSGlassEffectView API to place your content on glass. This ensures that AppKit applies all necessary visual treatments to keep your content legible. Customize the appearance using corner radius and tint color properties. For a detailed example, check the session Build an AppKit app with the new design.

  4. General Guidelines: Liquid Glass should be used to create a unified design language across platforms, providing a fluid and dynamic interaction experience. It is important to avoid stacking Liquid Glass elements on top of each other to prevent a cluttered interface. For a comprehensive understanding, refer to the session Meet Liquid Glass.

These sessions provide a detailed overview of how to effectively use Liquid Glass in your app design.