how can liquid glass be adopted

Asked on 06/15/2025

1 search

Liquid Glass is a new design element introduced by Apple that can be adopted in your app to create a more immersive and fluid user experience. It is designed to be an interactive layer that floats above your content, providing the main controls that the user interacts with. Here are some key points on how to adopt Liquid Glass in your app:

  1. Use in the Navigation Layer: Liquid Glass is best reserved for the navigation layer that floats above the content of your app. It should not be used everywhere, as it can compete with other elements and muddy the hierarchy. For example, in a table view, it is better to keep it in the content layer to ensure clarity (Meet Liquid Glass).

  2. System Controls and Custom Views: Where possible, use system views and controls for the best experience. For custom views, you can create a UI Visual Effect view and apply a new UI glass effect in an animation block (Build a UIKit app with the new design).

  3. Avoid Glass on Glass: Stacking Liquid Glass elements on top of each other can make the interface feel cluttered. Instead, use fills, transparency, and vibrancy for the top elements to make them feel like a thin overlay that is part of the material (Meet Liquid Glass).

  4. Variants and Customization: Liquid Glass comes in two variants, regular and clear. Regular is the most versatile and provides legibility regardless of context. You can also use custom colors selectively to bring attention to specific elements (Meet Liquid Glass).

  5. Adaptive and Dynamic: Liquid Glass is designed to adapt automatically across different contexts and platforms, maintaining clarity and focus within the UI hierarchy. It dynamically morphs between controls in each context, making transitions feel fluid and seamless (Meet Liquid Glass).

By following these guidelines, you can effectively incorporate Liquid Glass into your app, enhancing its visual appeal and user interaction.