How can I remove liquid glass effects from my Navigation and TabBars?

Asked on 06/11/2025

1 search

To remove Liquid Glass effects from your Navigation and TabBars, you can follow these steps:

  1. Avoid Using Liquid Glass: Liquid Glass is designed to be an interactive layer that floats above your content. If you want to remove this effect, ensure that you are not using the Liquid Glass APIs for your navigation and tab bars. Instead, use standard system views and controls without applying the Liquid Glass effect.

  2. Customize Appearance: If your app has automatically adopted the Liquid Glass appearance due to recompiling with the new SDK, you can customize the appearance of your navigation and tab bars to remove the Liquid Glass effect. This can be done by setting the appearance properties of these components to not use the Liquid Glass material.

  3. Use Standard Views: Ensure that you are using standard UIKit or SwiftUI views for your navigation and tab bars. Avoid using the UIVisualEffectView or NSGlassEffectView with the Liquid Glass material.

  4. Remove Customizations: If you have added any customizations that apply Liquid Glass, such as using the UIVisualEffectView with a glass effect, remove these customizations to revert to the standard appearance.

For more detailed guidance on adopting or removing Liquid Glass effects, you can refer to the session Build a UIKit app with the new design (19:15) which covers how to adopt the Liquid Glass look and feel in custom UI elements.

How can I remove liquid glass effects from my Navigation and TabBars? | Ask WWDC