Differrence between `.buttonStyle(.glass)` and `.glassEffect()`
Asked on 06/11/2025
1 search
The difference between .buttonStyle(.glass) and .glassEffect() lies in their application and purpose within the UI design.
-
.buttonStyle(.glass): This is a button style that applies a glass-like appearance to buttons. It is part of the new design system that uses Liquid Glass material to give buttons a distinct, floating appearance. This style is particularly useful for buttons that need to stand out and provide a tactile, interactive experience. The glass button style can be customized with different appearances, such as standard glass or prominent glass, which can be tinted with your app's tint color. -
.glassEffect(): This is a modifier that applies a glass effect to a view, giving it a translucent, glass-like appearance. The glass effect is designed to be an interactive layer that floats above the content, providing a distinct visual separation. It adapts to the content behind it, ensuring legibility and contrast. The glass effect can be used in various UI elements to create a cohesive and immersive design.
Both .buttonStyle(.glass) and .glassEffect() are part of the Liquid Glass design language introduced by Apple, which aims to create a unified and interactive visual experience across different platforms. They are used to enhance the appearance and interactivity of UI elements by leveraging the properties of the Liquid Glass material.
For more details on how these are implemented, you can refer to the session Build a UIKit app with the new design (17:24) and Meet Liquid Glass (06:00).
Platforms State of the Union
Discover the newest advancements on Apple platforms.
Build a UIKit app with the new design
Update your UIKit app to take full advantage of the new design system. We’ll dive into key changes to tab views, split views, bars, presentations, search, and controls, and show you how to use Liquid Glass in your custom UI. To get the most out of this video, we recommend first watching “Get to know the new design system” for general design guidance.
Design widgets for visionOS
Learn how you can design beautiful widgets for visionOS 26 that blend effortlessly into someone’s surroundings. Discover how you can add depth to your widget design and customize materials, sizes, and styles for spatial computing. We’ll share how to adapt your existing widgets for visionOS, or design new widgets that feel like real objects.