Interactive previews Apple Vision Pro

VisionOS background materials

All background materials on visionOS

VisionOS background materials - Preview Not Available

Platform Compatibility

visionOS 1.0+

Tags

SwiftUI Code

Docs
HStack {
    smallRect
        .background(.ultraThinMaterial)
    smallRect
        // GroupBox background
        .background(.thinMaterial)
    smallRect
        // List and sidebar background
        .background(.regularMaterial)
    smallRect
        // searchable background
        .background(.thickMaterial)
    smallRect
        .background(.ultraThickMaterial)
}

Found an issue or have a suggestion?

Created: November 3, 2026Updated: November 3, 2026
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

More View Components

View all
Container Content Margins - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Container Content Margins

Adds the margins of the container the view is in.

Toolbar Vertical Edge - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
environment

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.

Hinge State - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
structure

Hinge State

A type encapsulating the state of a single hinge.

Disabled Toolbar Vertical Behavior - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
modifier

Disabled Toolbar Vertical Behavior

Disables the vertical bar.

Music Picker - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Music Picker

Presents a music picker to select items from the Apple Music catalog and the user’s music library.

App Store Overlay - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

App Store Overlay

Presents a StoreKit overlay when a given condition is true.

Manage Subscriptions Sheet - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Manage Subscriptions Sheet

Opens the manage subscriptions sheet.

Swipe Container - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Swipe Container

Only allows a single active swipe within a container.

Explore Other Components

Browse all
Color Gradient - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Color Gradient

The Color gradient modifier

 LinearGaugeStyle - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
style

LinearGaugeStyle

A gauge style that displays a bar with a marker that appears at a point along the bar to indicate the gauge’s current value

Button - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Button

Three ways to initialize a button

Button Sizing - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Button Sizing

The preferred sizing behavior of buttons in the view hierarchy.

Wheel Picker Item Height - watchOS - Liquid Glass - Light Mode - Preview
modifier

Wheel Picker Item Height

Sets the default wheel-style picker item height.

Prefer Vertical Toolbar Items - iOS on iPhone Duo - Landscape - Closed - Liquid Glass - Light Mode - Preview
modifier

Prefer Vertical Toolbar Items

A compression behavior that prioritizes keeping toolbar items visible over other elements, such as tabs. By default, tabs are prioritized.

VerticalPageTabViewStyle - watchOS - Liquid Glass - Light Mode - Preview
style

VerticalPageTabViewStyle

A TabViewStyle that displays a vertical TabView interaction and appearance.

EllipticalListStyle - watchOS - Flat Design - Light Mode - Preview
style

EllipticalListStyle

The list style that describes the behavior and appearance of an elliptical list.