--- title: "Glass Effect Container | Explore SwiftUI" description: "A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another" canonical_url: "https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container" meta: author: "Explore SwiftUI" "og:description": "A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another" "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Glass%2BEffect%2BContainer%2Cdescription_A%2Bview%2Bthat%2Bcombines%2Bmultiple%2BLiquid%2BGlass%2Bshapes%2Binto%2Ba%2Bsingle%2Bshape%2Bthat%2Bcan%2Bmorph%2Bindividual%2Bshapes%2Binto%2Bone%2Banother%2Ccategory_GlassEffectContainer%2Cimage_~L2FwaS9pbWFnZXMvOTYvdmFyaWFudHMvMzc3P3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyJdfQ%2Cp_Ii9saWJyYXJ5L2dsYXNzZWZmZWN0Y29udGFpbmVyL2dsYXNzLWVmZmVjdC1jb250YWluZXIi%2Cs_Xd3npFFwMr6CL8Jk.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Glass Effect Container | Explore SwiftUI" "twitter:description": "A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another" "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Glass%2BEffect%2BContainer%2Cdescription_A%2Bview%2Bthat%2Bcombines%2Bmultiple%2BLiquid%2BGlass%2Bshapes%2Binto%2Ba%2Bsingle%2Bshape%2Bthat%2Bcan%2Bmorph%2Bindividual%2Bshapes%2Binto%2Bone%2Banother%2Ccategory_GlassEffectContainer%2Cimage_~L2FwaS9pbWFnZXMvOTYvdmFyaWFudHMvMzc3P3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyJdfQ%2Cp_Ii9saWJyYXJ5L2dsYXNzZWZmZWN0Y29udGFpbmVyL2dsYXNzLWVmZmVjdC1jb250YWluZXIi%2Cs_Xd3npFFwMr6CL8Jk.png" "twitter:title": "Glass Effect Container | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) **Interactive previews**[ iPhone](https://exploreswiftui.com/iphone?element=96) # **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 on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/96/variants/377?v=1790073478842&r=2&w=800&q=80&f=webp) ### **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: December 27, 2025 ![Connect Wizard](https://exploreswiftui.com/_ipx/f_webp&q_80&s_48x48/images/connect-wizard-icon.png) **Connect Wizard** **Unlock insights App Store Connect doesn’t show you.** [** Get Started **](https://apps.apple.com/app/apple-store/id6747314580?pt=121213751&ct=Explore%20SwiftUI%20Banner&mt=8) ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![Remove Toolbar Item Margin - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/235/variants/665?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Remove Toolbar Item Margin** Configures whether the content margins are removed. ![Pinned Toolbar Item Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/236/variants/527?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Pinned Toolbar Item Placement** A placement that pins the item to the trailing edge of the toolbar. ![Formatted Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/151/variants/490?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Formatted Labeled Content** Creates a labeled informational view from a formatted value. ![RenameButton - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/37/variants/213?v=1790073478842&r=2&w=412&q=75&f=webp) ### **RenameButton** A button that triggers a standard rename action ![UIKit Content Background colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/13/variants/53?v=1790073478842&r=2&w=412&q=75&f=webp) ### **UIKit Content Background colors** The UIKit colors that are also used in other components like in List and GroupBox ![TabView Bottom Accessory Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/90/variants/385?v=1793438761547&r=2&w=412&q=75&f=webp) ### **TabView Bottom Accessory Placement** A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement ![MenuControlGroupStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/55/variants/99?v=1790073478842&r=2&w=412&q=75&f=webp) ### **MenuControlGroupStyle** A control group style that presents its content as a menu when the user presses the control, or as a submenu when nested within a larger menu ![Navigation Subtitle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/94/variants/289?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Navigation Subtitle** Configures the view’s subtitle for purposes of navigation, using a localized string ```json {"@context":"https://schema.org","@graph":[{"@id":"https://exploreswiftui.com/#website","@type":"WebSite","description":"A visual library for SwiftUI APIs, components, and modifiers","inLanguage":"en-US","name":"Explore SwiftUI","url":"https://exploreswiftui.com/","publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container#webpage","@type":"WebPage","dateModified":"2025-12-27T10:05:38.541Z","datePublished":"2025-06-12T15:51:32.868Z","description":"A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another","name":"Glass Effect Container","url":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container","breadcrumb":{"@id":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container"]}],"primaryImageOfPage":{"@id":"https://exploreswiftui.com/#logo"}},{"@id":"https://exploreswiftui.com/#identity","@type":"Organization","description":"A visual library for SwiftUI APIs, components, and modifiers","name":"Explore SwiftUI","url":"https://exploreswiftui.com","logo":{"@id":"https://exploreswiftui.com/#logo"},"sameAs":["https://x.com/Typ0genius","https://mastodon.social/@Typ0genius"]},{"@id":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container#article","dateModified":"2025-12-27T10:05:38.541Z","datePublished":"2025-06-12T15:51:32.868Z","description":"A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another","headline":"Glass Effect Container","inLanguage":"en-US","name":"Glass Effect Container","thumbnailUrl":"https://exploreswiftui.com/api/images/96/variants/377?v=1790073478842&r=2","url":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container","@type":["Article","TechArticle"],"about":{"@type":"Thing","name":"SwiftUI"},"author":{"@id":"https://exploreswiftui.com/#identity"},"image":{"@id":"https://exploreswiftui.com/#/schema/image/1"},"isPartOf":{"@type":"WebSite","name":"Explore SwiftUI","url":"https://exploreswiftui.com"},"mainEntityOfPage":{"@id":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container#/schema/software-source-code/1","@type":"SoftwareSourceCode","codeRepository":"https://developer.apple.com/documentation/swiftui/glasseffectcontainer/init(spacing:content:)","codeSampleType":"full example","description":"A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another","name":"Glass Effect Container SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"VStack {\n GlassEffectContainer(spacing: 40.0) {\n HStack(spacing: 40.0) {\n Image(systemName: \"1.circle\")\n .frame(width: 80.0, height: 80.0)\n .font(.system(size: 36))\n .glassEffect()\n .offset(x: 30.0, y: 0.0)\n\n Image(systemName: \"2.circle\")\n .frame(width: 80.0, height: 80.0)\n .font(.system(size: 36))\n .glassEffect()\n .offset(x: -30.0, y: 0.0)\n }\n }\n\n HStack(spacing: 40.0) {\n Image(systemName: \"1.circle\")\n .frame(width: 80.0, height: 80.0)\n .font(.system(size: 36))\n .glassEffect()\n .offset(x: 30.0, y: 0.0)\n\n Image(systemName: \"2.circle\")\n .frame(width: 80.0, height: 80.0)\n .font(.system(size: 36))\n .glassEffect()\n .offset(x: -30.0, y: 0.0)\n }\n\n}","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"GlassEffectContainer"},{"@type":"Thing","name":"Glass Effect Container"}]},{"@id":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"GlassEffectContainer","item":"https://exploreswiftui.com/library/glasseffectcontainer","position":2},{"@type":"ListItem","name":"Glass Effect Container","item":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container","position":3}]},{"@id":"https://exploreswiftui.com/#logo","@type":"ImageObject","caption":"Explore SwiftUI","contentUrl":"https://exploreswiftui.com/apple-touch-icon.png","inLanguage":"en","url":"https://exploreswiftui.com/apple-touch-icon.png"},{"@id":"https://exploreswiftui.com/#/schema/image/1","@type":"ImageObject","contentUrl":"https://exploreswiftui.com/api/images/96/variants/377?v=1790073478842&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/96/variants/377?v=1790073478842&r=2"}]} ```