# ZStack A view that overlays its subviews, aligning them in both axes. ``` @frozen struct ZStack where Content : View ``` ## Overview The `ZStack` assigns each successive subview a higher z-axis value than the one before it, meaning later subviews appear “on top” of earlier ones. The following example creates a `ZStack` of 100 x 100 point [`Rectangle`](/documentation/SwiftUI/Rectangle) views filled with one of six colors, offsetting each successive subview by 10 points so they don’t completely overlap: ``` let colors: [Color] = [.red, .orange, .yellow, .green, .blue, .purple] var body: some View { ZStack { ForEach(0.. Note: If you need a version of this stack that conforms to the ``doc://com.apple.SwiftUI/documentation/SwiftUI/Layout`` > protocol, like when you want to create a conditional layout using > ``doc://com.apple.SwiftUI/documentation/SwiftUI/AnyLayout``, use ``doc://com.apple.SwiftUI/documentation/SwiftUI/ZStackLayout`` instead. ## Topics ### Creating a stack [`init(alignment:content:)`](/documentation/SwiftUI/ZStack/init(alignment:content:)) Creates an instance with the given alignment. ### Supporting symbols [`ZStackContent3D`](/documentation/SwiftUI/ZStackContent3D) A type that adds spacing to a [`ZStack`](/documentation/SwiftUI/ZStack). --- Copyright © 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)