Interactive previews iPhone
Glass Effect Container
A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another
Platform Compatibility
iOS 26.0+ iPadOS 26.0+ macOS 26.0+ watchOS 26.0+ tvOS 26.0+
Tags
SwiftUI Code
VStack {
GlassEffectContainer(spacing: 40.0) {
HStack(spacing: 40.0) {
Image(systemName: "1.circle")
.frame(width: 80.0, height: 80.0)
.font(.system(size: 36))
.glassEffect()
.offset(x: 30.0, y: 0.0)
Image(systemName: "2.circle")
.frame(width: 80.0, height: 80.0)
.font(.system(size: 36))
.glassEffect()
.offset(x: -30.0, y: 0.0)
}
}
HStack(spacing: 40.0) {
Image(systemName: "1.circle")
.frame(width: 80.0, height: 80.0)
.font(.system(size: 36))
.glassEffect()
.offset(x: 30.0, y: 0.0)
Image(systemName: "2.circle")
.frame(width: 80.0, height: 80.0)
.font(.system(size: 36))
.glassEffect()
.offset(x: -30.0, y: 0.0)
}
}Found an issue or have a suggestion?
Created: June 12, 2025Updated: December 27, 2025
Explore Other Components
Browse all
Custom Group Subscription Store View
Creates a SubscriptionStoreView with custom grouping.
Toolbar Vertical Edge
This value reflects the system’s preferred edge for the vertical bar in the current context, regardless of whether a vertical bar is currently visible. Use it to position custom bars or other UI relative to the system’s bar placement.
PalettePickerStyle
A picker style that presents the options as a row of compact elements. When used outside of menus, this style is rendered as a segmented picker. If that is the intended usage, consider segmented instead.
