UI Components Playground Downloads & RevenueUI Components Playground · App Store

SwiftUI examples you can touch and copy. UI Components Playground is an interactive catalog of native iOS controls in the Liquid Glass look: buttons, sliders, switches, pickers, text fields and segmented controls, each with SwiftUI code you can copy. It also holds an Orb Gallery and a Sketch Gallery, on-device explanations for any component and Siri shortcuts to open them.

UI Components Playground is an interactive component catalog and design-system reference: a shared, native-fidelity playground for designers, developers and product teams who need consistency between design and engineering.

Explore real, native platform controls rendered in the system's own modern "liquid glass" aesthetic: buttons, sliders, switches, pickers, text fields, segmented controls and more, each fully interactive and behaving exactly as it would in a shipping app.

Add-On Libraries (new)
Two living galleries built right into the catalog:
• Orb Gallery: every "Thinking Orbs" loading state (working, searching, solving, listening, connecting, weaving, composing, breathing, shaping), shown large with the exact SwiftUI line that draws it.
• Sketch Gallery: every hand-drawn "Drawably" control (buttons, toggles, checkboxes, radios, fields, cards, badges, dividers, lists), boiling-ink animation included.
Tap Copy on any snippet to put the working SwiftUI code straight on your clipboard. Recently copied snippets are remembered on the home screen.

On-device explanations
Tap "Explain" on any component to get a short, plain-language explanation composed live by the on-device language model: no account, no network request, and a clear written fallback if the model isn't available on this device.

Hands-free with Siri
Open the Orb Gallery or Sketch Gallery, ask for an explanation, or copy a component's code: all by voice, using this version's Siri shortcuts.

Why This App
Static wireframes and mockups often fall short when it comes to conveying the behaviour and subtlety of real user interface components. This app solves that by showing real, native components exactly as they appear and behave on the platform, alongside two of the most talked-about SwiftUI open-source styling libraries.

It is ideal for running design reviews, conducting product demos, leading team alignment workshops, or simply exploring UI capabilities and reusable code.

Key Features
Live native UI elements: real controls that respond exactly as they would in a production app.
Modern visual style: a clean interface inspired by the system's liquid glass design direction.
Add-on component libraries: the Orb and Sketch galleries above, each with copyable code.
On-device AI explanations: private, on-device, with a graceful offline fallback.
Design-to-development clarity: reference live, accurate UI components instead of static images.
Presentation-friendly: great for product walkthroughs and executive demos.

Ideal For
Product designers, UX and UI researchers, product managers, developers and engineering leads, s