Journal

Category

✶ Guides · Page 19

Expo SDK 55 Bottom Sheet Component: The Settled Answer: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

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.

Lawrence Arya · June 5, 2026
Export Figma to SwiftUI Without Bravo Studio: 3 Routes: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

Export Figma to SwiftUI Without Bravo Studio: 3 Routes

Get from Figma to SwiftUI without Bravo: the agent route that won, Dev Mode values as the spec, why plugin exporters disappoint, and when to skip Figma entirely.

Lawrence Arya · June 5, 2026
Expo vs Bare React Native for Bluetooth BLE: It Changed: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

Expo vs Bare React Native for Bluetooth BLE: It Changed

BLE in Expo managed vs bare: the eject-for-Bluetooth era is over, config plugins plus dev builds run ble-plx in managed, and bare survives for custom native BLE.

Lawrence Arya · June 5, 2026
Export Framer to iOS App Native: The Three Real Routes: a reflective 3D App Store icon on a blue and purple gradient
Guides 4 min read

Export Framer to iOS App Native: The Three Real Routes

Framer has no native export, and that's fine: the wrapper trap, the agent rebuild that works, and why keeping Framer for the website is usually the answer.

Lawrence Arya · June 5, 2026
Export a Lovable Web App to React Native: You Have Code: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 4 min read

Export a Lovable Web App to React Native: You Have Code

Lovable exports real React code, which changes everything: extract the logic core, migrate screens by dictionary, and keep the backend wiring that transfers whole.

Lawrence Arya · June 5, 2026
Export Penpot to a React Native UI Kit: Open All the Way: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Export Penpot to a React Native UI Kit: Open All the Way

Get from Penpot to a React Native UI kit: the open-format advantage, tokens first, the agent route over exporter dreams, and a fully open design-to-code stack.

Lawrence Arya · June 5, 2026
Fake Notification Marketing UI: The Dark Pattern Audit: a glass iPhone app-grid icon on a mint and teal gradient
Guides 5 min read

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.

Lawrence Arya · June 5, 2026
Farcaster Client iOS App Template: Protocol-Native Social: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Farcaster Client iOS App Template: Protocol-Native Social

Build a Farcaster client for iOS: the open-protocol data layer, the signer model as onboarding, channel feeds, and where client differentiation actually lives.

Lawrence Arya · June 5, 2026
Fawry Payment Gateway UI Template for iOS: The Cash Bridge: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 5 min read

Fawry Payment Gateway UI Template for iOS: The Cash Bridge

Build a Fawry payment flow: the reference-code screen as the artifact, pending states that live for hours, kiosk-network guidance, and cash-economy respect.

Lawrence Arya · June 5, 2026
Figma Variables to SwiftUI Tokens: The AI Prompt: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

Figma Variables to SwiftUI Tokens: The AI Prompt

Convert Figma variables into a SwiftUI token system: modes become ColorScheme, aliases stay layered, and one regenerable file carries the whole design system.

Lawrence Arya · June 5, 2026
Final Cut Pro iPad Dial Clone in SwiftUI: Rotary Craft: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 5 min read

Final Cut Pro iPad Dial Clone in SwiftUI: Rotary Craft

Build the FCP-style jog dial in SwiftUI: angular gesture math, two-speed precision, frame-tick haptics, and the accessibility path every rotary control owes.

Lawrence Arya · June 5, 2026
Indie Vibe Makers: Expo vs Native Swift in 2026: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Indie Vibe Makers: Expo vs Native Swift in 2026

The solo-builder decision between Expo and native Swift: where each wins now that agents write both, and the four questions that actually decide it.

Lawrence Arya · June 5, 2026
iOS Alternative App Store UI Kit: MarketplaceKit Guide: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 5 min read

iOS Alternative App Store UI Kit: MarketplaceKit Guide

What an iOS alternative app store UI kit really covers: MarketplaceKit's install flow, the storefront screens you design, and Apple's EU eligibility bar.

Lawrence Arya · June 5, 2026
iOS Default Browser Selection Screen Clone in SwiftUI: a reflective 3D App Store icon on a blue and purple gradient
Guides 6 min read

iOS Default Browser Selection Screen Clone in SwiftUI

How to clone the iOS browser choice screen UI in SwiftUI: randomized list, scroll-to-confirm, honest limits on the real system screen, and Apple's rules.

Lawrence Arya · June 5, 2026
Light Phone Launcher Clone on iOS: What's Possible: a reflective 3D App Store icon on a blue and purple gradient
Guides 5 min read

Light Phone Launcher Clone on iOS: What's Possible

How to build a Light Phone style launcher experience on iOS: the no-launcher rule, a minimalist action-list app, Focus modes, and Screen Time blocking.

Lawrence Arya · June 5, 2026
Live Trivia Game UI Clone: HQ Trivia Pattern Guide: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Live Trivia Game UI Clone: HQ Trivia Pattern Guide

How to clone the HQ Trivia live game UI: synchronized countdown, answer lockout, elimination states, and the honest line between UI and live infrastructure.

Lawrence Arya · June 5, 2026
Marktplaats Clone UI Kit in React Native: Honest Guide: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 5 min read

Marktplaats Clone UI Kit in React Native: Honest Guide

How to build a Marktplaats-style classifieds UI in React Native: bid-first listings, photo-first selling flow, in-app chat, and the trust surfaces that matter.

Lawrence Arya · June 5, 2026
Midjourney-Style Prompt Input UI in React Native: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 5 min read

Midjourney-Style Prompt Input UI in React Native

How to build a Midjourney-style prompt composer in React Native: parameter chips over flag syntax, generation queue states, the 2x2 grid, and cost honesty.

Lawrence Arya · June 5, 2026
Minimalist Habit Tracker Dots UI in React Native: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 5 min read

Minimalist Habit Tracker Dots UI in React Native

How to build a dots-grid habit tracker in React Native: the contribution-graph pattern, one-tap logging, SVG rendering, widgets, and no streak guilt.

Lawrence Arya · June 5, 2026
Mobile CRM Dashboard UI Kit in SwiftUI: A Field Guide: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 5 min read

Mobile CRM Dashboard UI Kit in SwiftUI: A Field Guide

How to build a mobile CRM dashboard in SwiftUI: pipeline cards, Swift Charts metrics, iPad split view, offline-first SwiftData, and what a kit can't do.

Lawrence Arya · June 5, 2026
MobilePay Danmark UI Clone in React Native: Guide: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 5 min read

MobilePay Danmark UI Clone in React Native: Guide

How to build a MobilePay-style payment UI in React Native: amount-first numpad, swipe-to-pay slider, social payment feed, and the licensing lines.

Lawrence Arya · June 5, 2026
Municipal Waste Collection Calendar App UI Guide: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 5 min read

Municipal Waste Collection Calendar App UI Guide

How to build a waste collection calendar app: address-based schedules, color-coded bin system, evening-before reminders, iCal feeds, and holiday shifts.

Lawrence Arya · June 5, 2026
Notary Video Verification UI in React Native: RON Guide: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Notary Video Verification UI in React Native: RON Guide

How to build remote online notarization UI in React Native: ID capture, KBA quiz, the recorded video session, consent screens, and the legal boundaries.

Lawrence Arya · June 5, 2026
Nubank Clone UI Kit for React Native: Honest Guide: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 6 min read

Nubank Clone UI Kit for React Native: Honest Guide

How to build a Nubank-style banking UI in React Native: hidden balance, card carousel, Pix shortcuts, and the legal lines a fintech clone must not cross.

Lawrence Arya · June 5, 2026