#ios · Page 3
Tinder super like star animation in React Native (Reanimated)
Build a Tinder super like star burst in React Native with Reanimated. Here is the burst, how to wire it to the like action, and when to use Lottie instead.
Train delay live tracking timeline UI in React Native
Build a live train delay tracking timeline in React Native with Reanimated and react-native-maps. Here is the timeline, the live data handling, and the map.
Twilio video call interface in SwiftUI: a practical build
Build a video call interface in SwiftUI: a provider-agnostic tile grid and controls, secure tokens, and what to use now that Twilio Video is winding down.
iOS UI Components That Pass WCAG AAA: What It Really Takes
AAA is a per-criterion achievement, not a site-wide badge. Here is which WCAG AAA criteria iOS components can truly meet, and how to verify the claim.
v0 by Vercel mobile app export: from web to a real iOS app
v0 by Vercel generates web React, so there is no direct mobile export. Here are the three real paths from a v0 design to an iOS app, and when each fits.
Vagus nerve breathing pacer UI in SwiftUI: a calm build
Build a breathing pacer in SwiftUI: a circle that breathes, a phase timer, optional HealthKit logging, and honest, accessible wellness copy.
visionOS glass effect in SwiftUI for iOS: get the look
The visionOS glassBackgroundEffect is visionOS only. Here is how to get the same frosted glass look on iOS with Material and iOS 26's glassEffect.
Voice interrupt animation in React Native: barge-in UI
Build a voice interrupt (barge-in) animation in React Native with Reanimated. Here are the four states, the audio-reactive orb, and the interrupt logic.
Voicemail Visualizer and Scrubber UI in SwiftUI: The Build
A voicemail visualizer exists to make messages faster to triage: a real waveform, a generous scrubber, and a transcript that doubles as a second scrubber.
watchOS 12 water tracker app UI: build a hydration tracker
Build a watchOS water tracker UI: one-tap quick-add, a glanceable ring, Digital Crown amounts, HealthKit logging, and a complication that logs from the face.
WCAG compliant color palette in SwiftUI: a practical build
Build a WCAG compliant color palette in SwiftUI: the contrast ratios, semantic asset colors with dark and high-contrast variants, and signals beyond color.
Webflow to React Native: the Expo WebView route and its limits
Wrapping a Webflow site in a React Native WebView is fast but risky for the App Store. Here is the WebView route, where it breaks, and the native rebuild.
WeChat mini program navigation in SwiftUI: the capsule
Recreate WeChat mini program navigation in SwiftUI: the floating top-right capsule, a flat five-tab bar, and minimal page navigation that still feels native.
Wheel of fortune spinning animation in React Native (Reanimated)
Build a wheel of fortune spin in React Native with SVG and Reanimated. The key: choose the winning segment first, then animate the wheel to land on it.
WHOOP strain gauge chart in React Native with Skia
Build a WHOOP-style strain gauge in React Native with react-native-skia: a gradient arc, rounded caps, a glow, and a sweep animated to the value with Reanimated.
Wildfire tracker map overlay UI in React Native
Build a wildfire tracker map overlay in React Native with react-native-maps and NASA FIRMS data: hotspots, perimeters, clustering, and honest safety framing.
XR fitness app companion UI for iOS: the SwiftUI screens
Build the iOS companion for an XR fitness app: setup, live HealthKit metrics, summary, and history that stay in sync with the headset workout.
Yandex Go style taxi booking UI in SwiftUI: the full flow
Build a Yandex Go style taxi booking UI in SwiftUI: a MapKit map, tariff cards, a booking state machine, and payments routed safely through a certified provider.
Zapier webhook listener UI in React Native: the real way
A phone cannot receive a webhook directly. Build a Zapier webhook listener in React Native as a live event feed that subscribes to a backend relay.
From App Idea to Code With AI: The 2026 Workflow
The idea-to-code gap is the design step. Here is the 2026 workflow that turns an app idea into a consistent, working app with AI, not a generic one.
Build a Multimodal AI File Upload Dropzone on iOS
A multimodal upload UI is more than a file picker. Here is how to build the AI file dropzone on iOS, with previews, per-file progress, and real validation.
Build a Responsive iPhone-to-iPad Layout in React Native
A responsive tablet layout changes shape, it does not just scale up. Here is how to build an adaptive iPhone-to-iPad layout in React Native with breakpoints.
Build a Stock Market Heat Map Grid UI in SwiftUI
A market heat map colors and sizes tiles by gain and market cap. Here is how to build the stock market heat map grid in SwiftUI, with an accessible color scale.
Build a Tengo Pay-Style Payment App UI in React Native
A payment-app clone reproduces clean send, balance, and QR-pay patterns, not a brand. Here is how to build the Tengo Pay-style UI in React Native, money included.