✶ Guides · Page 13
Build-in-Public Revenue Dashboard UI for Indie Hackers
A presentation layer, not the source of truth: pull MRR live from billing and show one hero number plus one trend, closer to a poster than an analytics grid.
Instagram Story Share Export Template in React Native
Render a card off-screen at 1080x1920, respect Instagram's safe zones, and keep the share sheet as the fallback the direct path always needs.
Interactive Solar System 3D Viewer in SwiftUI
RealityView entities, orbits as pivot rotations, NASA textures, and the scale cheat you must pick on purpose: the 3D solar system that stays smooth.
iOS Context Menu Long-Press Blur in SwiftUI
The native .contextMenu gives the lift, blur, and haptic for free. Build custom only when it is not a menu, and drive all three layers from one spring.
Dynamic Island Live Activity for an AI Agent in SwiftUI
An autonomous agent is the perfect Live Activity: a remote-controlled status mirror, push-updated on real transitions, with one honest control: Stop.
iOS Share Extension UI Template for React Native
The extension is a separate native process, not your RN app: a light capture sheet, an App Group bridge, and the heavy work deferred to the main app.
Desktop-Class iPad Navigation with NavigationSplitView
Stop shipping a stretched iPhone app: NavigationSplitView's adaptive columns, selection-driven detail, and the keyboard and pointer support that make it pro.
Smart Pet Feeder Schedule UI in React Native: The Build
The feeder runs the schedule, the app just edits and mirrors it: pending-until-ack writes, a last-fed home screen, guarded Feed now, and honest offline state.
Jailbreak Detection Splash Screen in React Native
A risk signal, not a control: weighted checks via a maintained library, a launch gate, and server-side enforcement so the block is not theater.
KakaoTalk Chat UI Clone in SwiftUI
The yellow-brown palette, left bubbles with names, the per-message unread count, and an honest message-state model: KakaoTalk's grammar, cloned right.
Kakao Map API Custom Marker UI in SwiftUI
Korea uses Kakao Map, not Apple Maps: bridge the UIKit SDK with UIViewRepresentable, render markers that carry meaning, and cluster at scale.
Kaspi.kz Super App UI Clone in React Native
A payments-first super app, not delivery-first: the QR-pay home, the three-pillar feature-module shell, disclosed BNPL, and real Kazakh/Russian bilingual UX.
Kids Letter-Tracing Canvas UI in React Native
Letters are stroke paths, not images; Skia keeps the ink on the finger; validation stays loose and kind; and the kids rulebook means collect nothing.
Klarna Checkout UI Widget in SwiftUI: The Honest Build
You render the option and the disclosure; Klarna renders the credit. Placements-API numbers, webhook confirmation, and BNPL cost shown, always.
LangChain React Native Boilerplate: The Thin Client
LangChain belongs on your server, not the bundle. The boilerplate is a thin streaming client: token-by-token UI, honest tool use, server-owned state.
Lime Scooter QR Unlock Scanner UI in SwiftUI
The scanner is the easy half. The unlock state machine, where billing starts only on the scooter's confirmation, is the product.
LINE-Style Sticker Keyboard in React Native
Two builds wear one phrase: an in-app sticker tray (easy, better) versus a constrained iOS keyboard extension. Pack tabs, animated grids, large rendering.
LINE Pay Checkout Button UI in React Native
A regional payment integration, not a button: render LINE Pay's official button, redirect for authorization, and confirm the capture via webhook.
Live-Stream Tip Shower Animation in React Native
The gift rain is a business mechanic, not decoration: UI-thread particles, value encoded in spectacle, and a shower that only plays once the payment confirms.
Live-Tracking Map Marker Animation in React Native
The feed is a heartbeat; the animation makes it continuous. Interpolate between updates, rotate to bearing, keep the marker off React state, and keep the ETA honest.
Lovable iPhone Safe Area Fix: Read Insets, Not Constants
AI clips under the notch because it hardcodes padding. The fix is safe-area-context with explicit edges, and a new iPhone needs no special case.
Loyalty Punch-Card Stamp Animation in SwiftUI
The stamp is the product: a spring with overshoot, a resting tilt, and a haptic thunk, on a count the server owns and the merchant grants.
Macronutrient Barcode Scanner with Pie Chart UI
Scan is the cheap step. The work is the food database, the per-100g-to-portion math, and a macro pie that is honest about parts of a whole.
Mac Catalyst Sidebar Navigation UI in React Native
Settle the route first: Catalyst is viable but least-supported. The sidebar is the Mac spine, and the real work is the menu bar, window, and keyboard.