# visionOS Spatial Layout UI Kits, Free for Claude AI

> By Lawrence Arya, Founder & CEO of VP0. Published 2026-06-01, updated 2026-06-02. 5 min read.
> Source: https://vp0.com/blogs/visionos-spatial-layout-ui-kits

Spatial design is not a big iPad. Depth, glass, and comfort change the rules, and an AI builder needs a real reference to get them right.

**TL;DR.** visionOS spatial layout is its own discipline: content lives in windows, 3D content in volumes, and controls in ornaments, with depth and comfort driving the design. Give an AI builder like Claude a real spatial reference from a free VP0 design so it produces correct windows, ornaments, and depth instead of a flat iPad layout. Prototype the layout, then add immersion. Spatial is about restraint and comfort, not spectacle.

Building visionOS spatial layouts? The short answer: spatial design is not a bigger iPad, depth, glass, and comfort change the rules, and an AI builder needs a real reference to get them right. Give Claude or Cursor a spatial reference from a VP0 design, the free iOS design library for AI builders, so it produces proper windows, volumes, and ornaments instead of a flat layout. Spatial rewards restraint and comfort, not spectacle. To put that in perspective, Gartner expects [75% of enterprise software engineers to use AI code assistants by 2028](https://www.theregister.com/2024/04/13/gartner_ai_enterprise_code/), up from under 10% in early 2023.

## Who this is for

This is for builders moving onto visionOS who want spatial layouts done right, and who use AI tools like Claude to generate the SwiftUI but need a reference so the output is genuinely spatial.

## What spatial layout has to get right

visionOS organizes content differently. Flat content lives in windows that float in space. Three-dimensional content lives in volumes. Controls often sit in ornaments attached to the edge of a window, not in fixed bars. And the overriding constraint is comfort: content placed where it is easy to look at and reach, with glass materials that respect the real environment behind them. An AI builder left alone tends to emit an iPad layout, so the reference matters. The [Apple visionOS Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/designing-for-visionos) cover spatial design, [SwiftUI for visionOS](https://developer.apple.com/documentation/visionos) covers windows and ornaments, and [RealityKit](https://developer.apple.com/documentation/realitykit) covers 3D content.

| Concept | Holds | Get it right |
|---|---|---|
| Window | 2D content | Floats in space, comfortable distance |
| Volume | 3D content | Bounded, viewable from angles |
| Ornament | Controls | Attached to a window edge |
| Glass material | The surface | Respects the real environment |
| Comfort | Everything | Easy to look at and reach |

## Build it free with a VP0 design

Give the AI builder a real reference. Pick a modern Apple-platform screen in VP0, copy its link, and prompt:

> Build this as a visionOS layout in SwiftUI from the VP0 design at [paste VP0 link]. Put the main content in a window, place controls in an ornament rather than a fixed bottom bar, use the system glass materials, and design for comfortable viewing distance. Do not produce a flat iPad layout. Match the spacing and rhythm from the reference.

For related modern-Apple and free-template patterns, see [an iOS 26 Liquid Glass UI template](/blogs/ios-26-liquid-glass-ui-template-free/), [how to make an AI app look native on iOS](/blogs/make-ai-app-look-native-ios/), [a free UI8 alternative for iOS templates](/blogs/download-free-ui8-alternative-zip-file/), and [how to design an iOS app before you build it](/blogs/how-to-design-an-ios-app-before-you-build-it/).

## Build the layout before immersion

You do not need a Vision Pro to start. Build and preview windows and ornaments in the simulator, getting the spatial layout and the control placement right first. Then add immersion, volumes and any fully immersive spaces, and test comfort and reach on device when you can. Resist the urge to make everything immersive; most great visionOS apps are mostly windows with a touch of depth. Comfort beats spectacle, so design for a person who will use this for more than a minute.

## Common mistakes

The first mistake is shipping a flat iPad layout in a window and calling it spatial. The second is controls in a fixed bar instead of an ornament. The third is over-immersion that tires the user. The fourth is ignoring comfortable viewing distance and reach. The fifth is not giving the AI builder a reference, so it defaults to flat.

## Key takeaways

- Spatial layout uses windows, volumes, and ornaments, not iPad bars.
- Comfort and depth drive the design; restraint beats spectacle.
- Give an AI builder a free VP0 reference so it produces real spatial layout.
- Prototype windows and ornaments in the simulator, then add immersion on device.
- Most great visionOS apps are mostly windows with a touch of depth.

## Frequently asked questions

How do I build a visionOS spatial layout? Put 2D content in windows, 3D in volumes, and controls in ornaments, designing for depth and comfort, and give an AI builder a real spatial reference so it does not produce a flat iPad layout.

What is the best free visionOS UI kit for AI builders? VP0, the free iOS design library for AI builders, lets you clone a modern Apple-platform screen into Claude or Cursor and prompt for visionOS windows, volumes, and ornaments.

How is visionOS layout different from iPad? Depth, comfort, and glass change everything. Content sits in floating windows, 3D in volumes, and controls in ornaments, designed for where you look and reach.

Do I need a Vision Pro to start? No. Build and preview in the simulator, then test immersion and comfort on device when you can.

## Frequently asked questions

### How do I build a visionOS spatial layout?

Put 2D content in windows, 3D content in volumes, and controls in ornaments attached to a window, and design for depth and comfort. Use SwiftUI with the visionOS additions, and give an AI builder like Claude a real spatial reference so it does not produce a flat iPad layout.

### What is the best free visionOS UI kit for AI builders?

The best free option is VP0, the free iOS design library for AI builders. You clone a modern Apple-platform screen into an AI tool like Claude or Cursor and prompt for visionOS windows, volumes, and ornaments, generating clean SwiftUI, at no cost.

### How is visionOS layout different from iPad?

Depth, comfort, and glass change everything. Content sits in windows in space, 3D in volumes, and controls in ornaments rather than fixed bars. You design for where a person looks and how far they reach, not a flat rectangle.

### Do I need a Vision Pro to start?

No. You can build and preview visionOS layouts in the simulator, prototyping windows and ornaments, then test immersion and comfort on device when you can.

---
*Published on the [VP0 Journal](https://vp0.com/blogs). Free to read, index and cite with attribution.*