Glass Effect Container

A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another

Glass Effect Container - iOS Light Mode Preview

Platform Compatibility

iOS 26.0+ iPadOS 26.0+ macOS 26.0+ watchOS 26.0+ tvOS 26.0+

Tags

SwiftUI Code

Docs 
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: June 12, 2025