liquid glass api

Liquid Glass is a new design material introduced by Apple, providing a dynamic and fluid interaction experience across all platforms. It acts as a distinct functional layer that floats above the content, enhancing the visual and interactive elements of an app. Liquid Glass is designed to be an interactive layer, providing the main controls that users interact with, and it is distinct from other visual effects like UI Blur Effect.

To implement Liquid Glass in your app, you can use specific APIs provided by Apple:

• AppKit: Use the NSGlassEffectView API to place content on Liquid Glass. This allows AppKit to apply necessary visual treatments to keep content legible as the glass adapts to its surroundings. You can customize the appearance using properties like corner radius and tint color. For more details, you can refer to the session Build an AppKit app with the new design (17:43).

• UIKit: Use the UIVisualEffectView to adopt the Liquid Glass look and feel. It is crucial to keep the design intent of Liquid Glass in mind, using it for the most important elements of your app. For more information, see the session Build a UIKit app with the new design (18:46).

• SwiftUI: Use the GlassEffectID modifier to apply Liquid Glass effects to your app's elements. This can enhance the functionality and visual appeal of your app. For more details, refer to the session Build a SwiftUI app with the new design (17:57).

For a comprehensive understanding of Liquid Glass, including its dynamics, adaptivity, and principles, you can watch the session Meet Liquid Glass.