Applies the Liquid Glass effect to a view, creating a translucent, frosted-glass appearance that adapts to light and dark mode.
14.1% of iOS users can use this modifier
iOS 26+ required
.glassEffect() Applies default glass effect within a capsule shape
.glassEffect(in:) Applies glass effect within a custom shape
shape: any Shape.glassEffect(_:) Applies glass effect with style customization
style: GlassEffectStyleApply a simple glass effect with default capsule shape
Text("Hello, World!")
.font(.title)
.padding()
.glassEffect()Use a rounded rectangle shape for the glass effect
Text("Hello, World!")
.font(.title)
.padding()
.glassEffect(in: .rect(cornerRadius: 16.0))Create an interactive glass button with custom tint
Text("Hello, World!")
.font(.title)
.padding()
.glassEffect(.regular.tint(.orange).interactive())Use #available to support older iOS versions with a fallback
Text("Hello, World!")
.font(.title)
.padding()
.background {
if #available(iOS 26, *) {
Color.clear
.glassEffect()
} else {
// Fallback for iOS 18 and earlier
RoundedRectangle(cornerRadius: 16)
.fill(.ultraThinMaterial)
}
}Loading related modifiers...
If your app supports iOS versions older than 26, you can use #available to conditionally apply this modifier:
if #available(iOS 26, *) {
myView.glassEffect()
} else {
// Fallback for older iOS versions
myView
}Check the code examples above for specific #available patterns with this modifier.
The .glassEffect() modifier requires iOS 26 or later. This means 14.1% of current iOS users can use this modifier.
Yes! Use #available(iOS 26, *) to conditionally apply this modifier only on devices running iOS 26 or later, with a fallback for older versions.
Apply the .glassEffect() modifier to any SwiftUI view. Check the code examples above for usage patterns.
Visit the official Apple documentation for detailed information.