add Liquid Glass uikit

Asked on 06/14/2025

1 search

To add Liquid Glass to a UIKit app, you can follow the guidance provided in the session Build a UIKit app with the new design. Here are the key steps:

  1. Use System Views and Controls: Liquid Glass is designed to be an interactive layer that floats above your content. It's recommended to use system views and controls to ensure the best experience.

  2. Create a UI Visual Effect View: For custom views, you can create a UIVisualEffectView and apply a new UI glass effect. This can be done within an animation block to set the effect, making the glass appear using a special materialized animation.

  3. Customize the Shape: By default, the glass is in a capsule shape. You can customize the shape using the new corner properties.

  4. Interactive Elements: Set isInteractive to true on the glass effect for custom views to make them react to user interactions, such as scaling and bouncing when tapped.

  5. UI Glass Container Effect: Use the UI Glass Container Effect to dynamically merge glass views. This allows them to blend seamlessly when they come close to each other.

For more detailed guidance, you can refer to the session Build a UIKit app with the new design which covers how to adopt the new design and integrate Liquid Glass into your app.