UI Playground vs PlayWithComponents

Craft the best iOS 26 user experience by choosing the appropriate interface components with the right customisation. Explore and customise native UI components to unlock endless possibilities for your app. Take it to the next level, by previewing a live component within the context of your app, simply by adding a screenshot image. Finally, export native code to share with developers streamlining development. FOR DESIGNERS Explore on the device, all the possibilities that each user interface component supports, exactly as it will work in a real app. FOR DEVELOPERS Learn SwiftUI backwards by first interacting with components on iPhone and then reading or applying the code in a real app. FOR PRODUCT OWNERS Convey your ideas faster by designing small interactions within the context of your app, without the commitment of implementation. FEATURES • Auto-save: Automatically save every customisation you make — never loose your work. • Save Multiple Drafts: work on the same component with different customisations. • Human Interface Guidelines: small instructions lead to a proper usage of components that respect HIG. • Design & Developer Docs: get more information about each component on Apple's website. • Semantic Colors: add system colors with a version for light and dark mode. • SF Symbols: add system symbols for an extra level of precision. • Guides: align components within the safe areas or highlight the component. • Grouped Components: advanced components lets you build an entire Settings area. • Save to iCloud: work on multiple devices without loosing the work. By purchasing this app, we will guarantee ongoing support for any OS updates that changes existing or brings new relevant main UI components. If you have any doubts or want to report an issue with the app, please feel free to reach us at support@uiplayground.app . TERMS OF SERVICE https://www.apple.com/legal/internet-services/itunes/dev/stdeula/

New in 1.5: a live Orb Gallery and Sketch Gallery, plus an on-device model that explains any component and Siri shortcuts to open them hands-free. PlayWithComponents is an interactive SwiftUI 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 behavior 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, startup founders, creative and digital agencies, client-facing design consultants, and educators and design mentors. Practical Use Cases Review designs with real UI before development. Align design and engineering expectations visually. Present native component behaviors to stakeholders. Reuse working SwiftUI snippets in your own project. Train junior designers and interns on platform guidelines. Reduce design handoff confusion. Using native components and well-made open-source styling libraries ensures optimal user experience, performance, and consistency across the platform. This app is a design alignment engine: real controls as your reference point make product conversations clearer, faster and more productive. Download now and bring your UI vision into sharp, native focus.