Glass button
Asked on 06/11/2025
2 searches
The concept of "Glass button" is related to the new design material called Liquid Glass, which was introduced by Apple at WWDC. Liquid Glass is designed to be an interactive layer that floats above your content, providing a distinct control layer. It is used for creating buttons and other interactive elements that feel natural and distinct, enhancing the user interface with a floating illusion.
For example, in the session "Build a UIKit app with the new design," Liquid Glass is used for custom buttons that float above the map in the Maps app, providing a natural and distinct control layer. This effect is achieved by using a UI Visual Effect view and creating a new UI glass Effect in an animation block. The glass can be customized in shape and appearance, adapting to the user interface style and context.
For more detailed information, you can refer to the session Build a UIKit app with the new design (17:24) where controls and custom elements using Liquid Glass are discussed.
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.
Build an AppKit app with the new design
Update your AppKit 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.
Meet Liquid Glass
Liquid Glass unifies Apple platform design language while providing a more dynamic and expressive user experience. Get to know the design principles of Liquid Glass, explore its core optical and physical properties, and learn where to use it and why.