Glass effect

Asked on 06/11/2025

2 searches

The "glass effect" is a design feature discussed in several sessions at WWDC 2025, particularly in the context of Liquid Glass. Liquid Glass is a material that creates a distinct functional layer for controls and navigation, floating above other content. It adapts to its surroundings, providing a dynamic and visually appealing interface.

Key Points about Glass Effect:

  1. Customization and Adaptivity:

    • The glass effect can be customized using APIs like the corner configuration API, which allows the shape of the glass to adapt to its container. It automatically switches between light and dark modes to maintain contrast (Build a UIKit app with the new design).
  2. Grouping and Consistency:

    • When using multiple glass elements, grouping them in a glass effect container ensures a consistent visual result and improves performance by sharing the sampling region (Build an AppKit app with the new design).
  3. Interaction and Visual Effects:

    • Liquid Glass responds to user interactions by flexing and energizing with light, making the interface feel responsive and alive. It also adapts its appearance based on the content behind it, ensuring legibility and contrast (Meet Liquid Glass).
  4. Design Guidelines:

    • Liquid Glass should be used for key controls and navigation elements, avoiding stacking glass on glass to prevent a cluttered interface. It is best reserved for the navigation layer that floats above the content (Meet Liquid Glass).

These sessions provide a comprehensive overview of how to implement and utilize the glass effect in app design, ensuring both aesthetic appeal and functional clarity.