UI Components Playground vs UsageNow

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 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. Open it, tap a control and copy the code.

Hit your AI limit halfway through a task? UsageNow shows how much of each AI plan you have left and exactly when it resets, right on your Home Screen, and warns you before you run out. Built for developers who code with AI agents every day. EVERY LIMIT AT A GLANCE Claude: the 5-hour session and weekly limits, including per-model weekly caps ChatGPT Codex: the 5-hour and weekly windows GitHub Copilot: premium requests, chat and code completions Gemini: daily request quotas for each model A live countdown to every reset, plus the exact reset time in your local format ALERTS BEFORE YOU HIT THE WALL Make your own alerts: choose the 5-hour limit, the weekly limit or all limits, then type the percentage that matters to you, like 90 or 98. Add as many as you like. Each alert comes once per limit and cycle, so your lock screen stays quiet. Turn on a reset alert to know the moment a limit is back. WIDGETS THAT DO MORE Flip through all of your accounts right on the widget Tap to refresh a widget whenever you want the latest numbers Home Screen and Lock Screen widgets in every size, plus Apple Watch complications ALL YOUR ACCOUNTS, IN YOUR ORDER Work and personal, Pro and Max, side by side. Sort by 5-hour reset, weekly reset, highest or lowest usage, name or service, or drag accounts into your own order. EVERYWHERE YOU WORK iPhone, iPad and Apple Watch. PRIVATE BY DESIGN You sign in on each service's own login page. Your sign-in stays in your device's Keychain, and UsageNow talks only to the services themselves. There is no UsageNow server, no account to create and no tracking. IN YOUR LANGUAGE Fully translated into 50 languages, with dates and times written the way your region writes them. Pick a language in Settings anytime. TRY EVERYTHING FIRST Start a free 24-hour trial in the app and use every feature, widgets included; nothing is charged. Before and after the trial, one account's current usage is free in the app, and UsageNow Pro unlocks more accounts, widgets, Apple Watch and alerts with a single one-time purchase. No subscription. UsageNow is an independent app and is not affiliated with Anthropic, OpenAI, GitHub, Microsoft or Google. Claude, ChatGPT, Codex, GitHub Copilot and Gemini are trademarks of their respective owners. Questions or ideas? hourstag.app@gmail.com Optimized for iPhone Duo. Unfold it and use it in landscape, and the inner display switches to a two-column layout made for the extra space, instead of a stretched-out phone screen. Fold it back and the app carries on in its single-column layout on the outer display.