Tag
#ui
Apple Intelligence Glow Border Effect Code for iOS
Recreate the Apple Intelligence glow border in SwiftUI with an animated angular-gradient stroke or a Metal shader. Here is the code, the tradeoffs, and the limits.
Build an Anonymous Voice Changer Pitch Slider on iOS
Route the mic through AVAudioUnitTimePitch and bind a slider to its pitch in cents. Here is the audio graph, the UI, and what anonymous really means.
Color Blind Mode Toggle UI for iOS Apps: A Guide
A good color blind mode stops relying on color alone, not just recolors the screen. Here is how to build the toggle, respect iOS settings, and add non-color cues.
Build a Duolingo-Style Learning Tree UI in SwiftUI
The Duolingo learning tree is a winding path of lesson nodes with states. Here is how to build it in SwiftUI from a data model, with the path, states, and motion.
Yield farming APY calculator slider UI: an honest build
Build a yield farming APY calculator with a slider in React Native: smooth live math, honest variable-rate framing, visible risks, and zero key handling.
Custom Bottom Tab Bar in React Native: The AI Prompt
Generate a custom bottom tab bar: when custom beats stock, the tabBar-prop seam, the prompt contract, and the accessibility floor custom must re-earn.
Dyslexia-Friendly Font Toggle UI: Reading Preferences
Build a dyslexia-friendly reading settings panel: the evidence-honest font story, spacing as the reliable lever, stigma-free framing, and system-first defaults.
Expo SDK 55 Bottom Sheet Component: The Settled Answer
The bottom sheet answer in current Expo: @gorhom/bottom-sheet, snap-point craft, the keyboard problem, scrollables inside, and the a11y floor sheets owe.
Fake Notification Marketing UI: The Dark Pattern Audit
Fake notifications are a named dark pattern: the catalog of badge lies and fabricated alerts, why they backfire, and the honest mechanics that actually convert.
Best App UI Templates Marketplace: An Honest Map
The honest map of app UI template marketplaces: free AI-readable design libraries, web component registries, and paid Figma kits, each with its real job.
Pinterest-Style App UI Library: The Free Option for iOS
What a Pinterest-style app UI library is, why the browse-save-build loop beats search, where the free iOS one lives, and how to build masonry feeds yourself.
Fintech Mobile Money UI in React Native (Free Guide)
Build a neo-bank mobile money UI in React Native fast. Start from a free, AI-readable VP0 design for balance, transactions, send/receive and KYC screens.
Car Wash Booking App Template in React Native (Free UI)
Build a car wash booking app in React Native: services, real time slots, location, and checkout, from a free VP0 design. Certified payments and honest availability.
Cinema Movie Ticket Booking UI in React Native (Free Design)
Build a movie ticket booking flow in React Native: showtimes, an interactive seat map, and checkout, from a free VP0 design, with certified payments.
Flight Booking App UI Kit in SwiftUI (Free Design)
Build a flight booking flow in SwiftUI: search, results with real fares, seat and fare selection, and checkout, from a free VP0 design.
IoT Smart-Home Dashboard in React Native (Free UI)
Build a smart-home dashboard in React Native: device tiles, room grouping, and quick toggles, from a free VP0 design. Prefer HomeKit and Matter.
Multi-Agent Group Chat UI in React Native
Build a group chat where multiple AI agents and the user talk together in React Native: labeled speakers, streaming turns, and control, from a free VP0 design.
Neumorphism UI Kit: The Soft Style, Used Responsibly
Neumorphism looks soft and tactile but fails on contrast. Build a neumorphic UI from a free VP0 design, and know exactly where to use it and where not to.
Stripe Checkout UI in React Native (Free Design)
Build a clean Stripe checkout in React Native: cart summary, payment sheet, and clear states, from a free VP0 design. Stripe handles the card data, you build the UI.
Light and Dark Mode Design for iOS Apps
Dark mode is a default expectation, not a coat of paint. Here is how to design iOS apps for both modes with semantic colors so it is nearly free, not a retrofit.