Give a step by step guide to adopt Liquid glass for UIKit project

Asked on 06/23/2025

1 search

To adopt Liquid Glass for a UIKit project, follow these steps based on the guidance from the WWDC session "Build a UIKit app with the new design":

  1. Recompile with Xcode 26: Start by building your app with Xcode 26. This will automatically apply much of the new design, including Liquid Glass, to your app's standard UIKit components.

  2. Audit Your App: Go through your app screen by screen to identify which views stand out and may need adjustments to fit the new design.

  3. Evaluate Custom Controls: If you have custom controls, consider whether standard UIKit controls might be a better fit with the new design. This can help ensure consistency and take full advantage of Liquid Glass.

  4. Use System Views and Controls: Where possible, use system views and controls to achieve the best experience with Liquid Glass. This includes using updated components like Tab Views and Split Views that now float above the content.

  5. Implement Liquid Glass in Custom Elements: For custom UI elements, create a UIVisualEffectView and configure it with the new Liquid Glass effect. You can customize the shape using the new corner properties.

  6. Manage Glass Interactions: Ensure that Liquid Glass elements do not overlap each other to maintain the illusion of a single floating layer. Use the UIGlassContainerEffect to manage spacing and interactions between glass elements.

  7. Refine and Test: After implementing these changes, test your app thoroughly to ensure that the new design integrates well with your app's functionality and aesthetics.

For more detailed guidance, you can refer to the session Build a UIKit app with the new design (25:03) which covers the next steps after adopting the new design system.