Tag
#ux
A Human-in-the-Loop Approval Swipe UI for AI Agents
Design a swipe-to-approve UI for AI agent actions: a queue of pending actions, each shown with its real effect, so a human gates consequential moves before they run.
Swipe to Approve AI Actions in SwiftUI: The Approval UI
An AI agent proposes; the human commits. Here is the swipe-to-approve pattern in SwiftUI: thresholds, haptics, honest states, and the accessibility twin.
Safari-Style Scroll-to-Hide Bottom Tab Bar in React Native
An auto-hiding tab bar maximizes content but cuts discoverability. Drive it on the UI thread with a scroll threshold, full snapping, and a reliable way back.
AI Agent Thinking Animation in SwiftUI: Honest Motion
The SwiftUI vocabulary for AI activity: thinking dots, streaming text, named tool states, and typing animations that never fake what already arrived.
AI Task Delegation Dashboard UI for iOS: Trust by Design
Design an AI task delegation dashboard: task cards with honest states, the approval moment as the core screen, visible costs, and an audit trail that earns trust.
App Onboarding Wizard Boilerplate: Earn Every Step
An onboarding wizard boilerplate built honestly: steps that earn their existence, skip as a first-class affordance, in-context permissions, and a payoff landing.
AR Object Placement Target UI in SwiftUI: The Reticle
Design AR placement UX in SwiftUI: the coaching phase, a state-honest reticle that snaps to surfaces, place-then-adjust gestures, and tracking truthfulness.
Car Sharing Unlock Bluetooth UI in SwiftUI: The Moment
Design the car-sharing BLE unlock: find-the-car flows, dual-confirmation unlock states, cellular fallback for garages, and an honest end-trip checklist.
Customer Support Chat UI (Crisp) in React Native: Honest
Build in-app support chat: native UI over the vendor API, honest reply-time expectations, bot disclosure, offline capture, and deflection that respects users.
Expo OTA Update Force Refresh UI: Restart Etiquette
Design the OTA update experience: silent-by-default apply, restart prompts that respect tasks, the forced path for breaking changes, and honest limits.
Skeleton Loading Screen in SwiftUI: Template & Rules
How to build skeleton loading screens in SwiftUI: the redacted modifier, a shimmer overlay, layout-matched placeholders, and when not to skeleton at all.
TurboTax-Style Progress Tracker UI in SwiftUI: Guide
Clone TurboTax's guided-interview pattern in SwiftUI: sectioned progress that never lies, one question per screen, resumability, and the review-before-submit.
How to Design an App UI/UX (2026 Step-by-Step)
How to design an app's UI/UX as a process: research, structure, wireframe, prototype, test, iterate, then the visual UI. The steps, tools, and mistakes to avoid.
Barcode Scanner Viewfinder UI for Mobile Apps
A barcode scanner viewfinder needs a dark overlay, a clear cutout, and instant feedback. Build one from a free VP0 design and power it with Apple VisionKit.
Custom Haptic Patterns With Core Haptics in React Native
Add custom haptic patterns to a React Native app with Core Haptics: tap, buzz, and bespoke textures, from a free VP0 design. Tasteful, restrained feedback.
iOS 18 Custom Tab Bar UI: Build It the Native Way
iOS changed the tab bar. Build a custom but native-feeling tab bar from a free VP0 design, keep it reachable and consistent, and do not break platform conventions.
Offline Mode UI: Turn No Connection Into No Problem
A no-internet screen should help, not blame. Build offline states from a free VP0 design that show cached content, queue actions, and recover gracefully.
ADHD-Friendly Mobile App UI Guidelines (Calmer for All)
An ADHD-friendly UI (clear focus, fewer choices, small steps, calm motion) helps everyone. Build the habits in from a free VP0 design and respect Reduce Motion.
Duolingo-Style Gamification UI (Learn the Pattern)
Gamification works when it rewards real progress, not empty points. Build streaks, XP, and wins from a free VP0 design, anchored to genuine actions in your app.
Free User Flow Examples (and How to Build From Them)
A user flow is the path between screens. Study proven flow examples, then build your own from free VP0 screens, wiring them into the sequence you mapped.
Haptic Feedback UI Guidelines for iOS (Use It Well)
Haptics make an app feel responsive when used well and annoying when overused. Match the system pattern to the event, keep it sparing, and test on a real device.
Designing iOS Empty States That Feel Intentional
Every app has empty states and most ignore them, so a blank first screen reads as broken. Here is how to design iOS empty states that teach and convert instead.
How to Design an iOS Settings Screen
A settings screen is pure convention, which makes it easy to get subtly wrong. Here is how to structure one with grouped lists, sections, and real accessibility.
iOS Onboarding Screen Design That Actually Converts
Most apps lose users in the first session. Here is how to design an iOS onboarding screen that converts: start from a free VP0 design, get to a first win fast.