Build a visionOS-Style Window and Drag Bar on iOS

What the visionOS window drag bar actually is

On visionOS, every window floats in space with a small horizontal bar beneath it. That bar is the window’s handle: you look at it, pinch, and drag to reposition the window in the room, and a close button sits beside it. The crucial thing to know is that you do not build this bar. It is system chrome, drawn and managed by visionOS itself around your app’s content, the same way the title bar of a Mac window is the system’s, not the app’s. Your app provides the content inside the window; the system provides the bar, the close button, and the spatial drag behavior.

That single fact reframes the whole topic. If you are building a real visionOS app, there is nothing to clone, because the system already gives you the bar. The reason people search for a window drag bar clone is something different: they want the visionOS look on iOS, where no such system chrome exists.

Why you cannot truly clone it, only its look

A phone screen is flat, and visionOS windows are spatial, so the functional part of the drag bar, moving a window through three-dimensional space with your eyes and a pinch, has no equivalent on iOS. The hardware is built for it: each Vision Pro experience renders across displays packing more than 23,000,000 pixels, tracked to your eyes and hands. A flat iOS screen has none of that, so what you can reproduce is the appearance, not the behavior. Cloning the visionOS window drag bar on iOS means recreating its visual language, the glassy floating panel, the soft rounded grabber, the gentle shadow that makes a panel look like it hovers, as a design, not a working spatial window.

Being honest about that boundary is what keeps the project sensible. You are building a look inspired by visionOS, useful for concepts, marketing, and the visionOS-style aesthetic that has spread to flat apps, rather than a functional port of a spatial window, which a phone cannot have.

Replicating the visionOS look on iOS

The visionOS aesthetic is reproducible on iOS, and it comes down to a few ingredients. The signature is glass: panels use a translucent, frosted material that lets the background blur through, which SwiftUI supports with its materials and a glass background effect. The panels float, separated from the background by a soft, diffuse shadow rather than a hard edge, and corners are generously rounded. The drag bar itself is a small, centered, rounded capsule beneath the panel, often paired with a close control, rendered in the same glassy treatment. Layered on top, visionOS leans on ornaments, small floating control clusters beside a window, which translate to floating toolbars on a flat design. The broader spatial vocabulary is covered in Apple Vision Pro React XR components.

Getting the materials right is what sells it. A flat gray panel with a grabber does not read as visionOS; a properly frosted, softly shadowed, floating glass panel does, even on a phone.

The approaches compared

There are three honest situations, and they call for different things.

Approach	A functional spatial window?	The drag bar	Best for
Build a real visionOS app	Yes, on Vision Pro	System-provided, you do not draw it	Shipping on Vision Pro
Replicate the look on iOS	No, a flat-screen design	You draw the glassy panel and grabber	Concepts, marketing, visionOS-style iOS UI
Designed for iPad on Vision Pro	Runs inside a system window	System window chrome around your iPad app	A quick Vision Pro presence

If you are shipping on Vision Pro, the bar is the system’s and there is nothing to clone. If you want the visionOS look on a phone, you replicate the appearance, knowing it is a design rather than a spatial window. And if you simply want your existing iPad app on Vision Pro, Designed for iPad runs it inside the system’s window chrome with no work. A free VP0 visionOS-style panel template starts you on the look-replication path, with the glass panel, the drag bar, the floating shadow, and the ornament toolbars already shaped and exposed through a machine-readable source page, so an agent like Cursor or Claude Code extends a visionOS-style UI on iOS. The companion-app angle appears in a Vision Pro iPhone companion template, and the spatial entry experience in a spatial computing onboarding UI.

When the look is the right goal

Replicating the visionOS look on iOS is a legitimate goal for several reasons. The frosted-glass, floating-panel aesthetic has influenced flat app design broadly, so a visionOS-style panel can feel modern on a phone even with no spatial behavior. It is useful for marketing and concept work, showing how an app might feel on Vision Pro before building the real thing. And for a companion app to a Vision Pro product, matching the visual language across the phone and the headset gives a consistent brand feel. In all of these, the honest framing is that it is a design language borrowed from visionOS, not a functional window, and presenting it that way avoids implying spatial capabilities a phone does not have.

That clarity is the whole discipline here. The visionOS look is worth borrowing; pretending a flat panel is a spatial window is not, so a good clone reproduces the aesthetic and is honest that the spatial part lives only on the headset.

Key takeaways: a visionOS window drag bar

• The bar is system chrome on visionOS. You do not build it; the system draws it and handles the spatial drag.
• On iOS you can only clone the look. A flat screen has no spatial windowing, so you replicate the appearance.
• Glass and float are the signature. Frosted material, soft diffuse shadow, rounded corners, and a capsule grabber.
• Ornaments become floating toolbars. The visionOS control clusters translate to floating panels on a flat design.
• Start from a visionOS-style template. A free VP0 panel template gives an agent the glass-and-grabber look to extend on iOS.

What to choose

If you are building for Vision Pro, do not clone the window drag bar at all, because visionOS provides it as system chrome and your job is the content inside the window. If you want the visionOS look on iOS, for a concept, marketing, or a consistent companion-app feel, replicate the appearance: a frosted glass panel, a soft floating shadow, rounded corners, and a capsule grabber, presented honestly as a design rather than a spatial window. A free VP0 visionOS-style panel template gives you that look to extend, so an agent builds a convincing visionOS-style screen on a phone. The right move depends entirely on whether you are shipping on the headset or borrowing its aesthetic on a flat screen.

Frequently asked questions

Do I need to build the window drag bar in a visionOS app? No. On visionOS the window drag bar, the grabber beneath a window plus the close button, is system chrome that visionOS draws and manages around your app’s content, and it handles the spatial drag with eyes and a pinch. Your app provides the content inside the window; the system provides the bar. So in a real visionOS app there is nothing to clone, and trying to draw your own would conflict with the system’s. The reason to recreate it is to get the visionOS look on iOS, where no such system chrome exists.

Can I clone the visionOS window on iOS? Only its appearance, not its behavior. A phone screen is flat, and visionOS windows are spatial, so the functional part of the drag bar, moving a window through three-dimensional space, has no equivalent on iOS. What you can reproduce is the visual language: a frosted glass panel, a soft floating shadow, rounded corners, and a capsule grabber. That makes a convincing visionOS-style design for concepts, marketing, or a companion app, but it is a look rather than a working spatial window, and presenting it honestly that way matters.

How do I get the visionOS glass look in SwiftUI? Use SwiftUI’s materials and glass background effect to make panels translucent and frosted so the background blurs through, then float the panel with a soft, diffuse shadow rather than a hard edge and round the corners generously. Add a small centered capsule beneath the panel as the grabber, in the same glassy treatment, and use floating toolbars to echo visionOS ornaments. Getting the frosted material and the soft shadow right is what makes a flat panel read as visionOS, where a plain gray panel with a grabber does not.

Where can I get a visionOS-style window template? The most useful option is a template that already captures the look, the glass material, the floating shadow, and the grabber, rather than a flat panel. A free VP0 visionOS-style panel template provides the glass panel, the drag bar, the soft shadow, and the ornament-style floating toolbars, with a machine-readable source page, so an agent like Cursor or Claude Code extends a visionOS-style UI on iOS. You use it for concepts, marketing, or a companion app, presenting it honestly as a design language rather than a spatial window, since the spatial behavior only exists on Vision Pro.

Is the visionOS look worth using on a phone app? It can be. The frosted-glass, floating-panel aesthetic has influenced flat app design broadly, so a visionOS-style panel can feel modern on a phone even without spatial behavior, and it gives a consistent brand feel for a companion app to a Vision Pro product, as well as a useful way to present concepts and marketing. The key is honesty: borrow the design language, and do not imply the flat panel is a spatial window. Used as an aesthetic rather than a functional claim, the visionOS look translates well to iOS.