player UI liquid glass

Liquid Glass is a new design material introduced by Apple, which is designed to create a more fluid and dynamic interaction experience across all platforms. It acts as an interactive layer that floats above your content, providing the main controls that users interact with. Liquid Glass is translucent and adapts to the content and environment, offering a unified design language that blends hardware and software seamlessly.

In the session Meet Liquid Glass, it is explained that Liquid Glass provides a distinct functional layer for controls and navigation, enhancing the clarity and focus within the UI hierarchy. It dynamically morphs and adapts to different contexts, maintaining a clear separation from the content layer. This material is designed to make apps feel more organic, immersive, and fluid, responding to user interactions with a lively and responsive behavior.

For developers looking to implement Liquid Glass in their apps, it is recommended to use it for the most important elements and avoid stacking multiple glass elements to prevent a cluttered interface. The material is available in two variants: regular and clear, each with specific use cases.

If you are interested in learning more about how to use Liquid Glass in your app, you can refer to the session Build a UIKit app with the new design, which provides guidance on creating custom elements with Liquid Glass.