Journal

Tag

#ui-patterns

Midjourney-Style Image Grid Selector UI in SwiftUI: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 6 min read

Midjourney-Style Image Grid Selector UI in SwiftUI

The grid is the decision screen: each cell a state machine, tap-to-focus selection, first-class re-roll, and honesty about cost, wait, and failures.

Lawrence Arya · June 7, 2026
Pinterest Waterfall Grid Masonry in React Native: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Pinterest Waterfall Grid Masonry in React Native

Variable heights, packed tight, at 60fps: shortest-column placement, height reserved from aspect ratio to kill reflow, and FlashList virtualization.

Lawrence Arya · June 7, 2026
Crypto Swap UI: Cloning the Uniswap Pattern Honestly: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 5 min read

Crypto Swap UI: Cloning the Uniswap Pattern Honestly

The Uniswap swap UI pattern done honestly: perishable quotes, escalating price-impact warnings, minimum received, four explicit transaction states, no custody.

Lawrence Arya · June 4, 2026
Hotel Housekeeping and Maintenance Ticket UI That Works: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

Hotel Housekeeping and Maintenance Ticket UI That Works

A hotel housekeeping and maintenance ticket UI built for the floor: room state machine, self-ordering queues, evidence-based tickets, and shift handoff.

Lawrence Arya · June 4, 2026
Kry Telehealth App Clone UI Kit: The Care Journey Pattern: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 5 min read

Kry Telehealth App Clone UI Kit: The Care Journey Pattern

Building a Kry-style telehealth UI kit honestly: triage intake, booking, waiting rooms, restrained video consults, FHIR-shaped summaries, and privacy lines.

Lawrence Arya · June 4, 2026
Kuda Bank App Clone UI for iOS: Learn the Neobank Pattern: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 5 min read

Kuda Bank App Clone UI for iOS: Learn the Neobank Pattern

How to build a Kuda-style neobank UI for iOS the honest way: the four patterns that carry the feel, biometric gating, mock-money honesty, and free designs.

Lawrence Arya · June 4, 2026
LINE Mini Program UI Template: Patterns That Fit LIFF: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 5 min read

LINE Mini Program UI Template: Patterns That Fit LIFF

What a LINE mini program UI template really is: mobile-web screens shaped for LIFF, seconds-long sessions, LINE login, share cards, and PWA-grade caching.

Lawrence Arya · June 4, 2026
Truck Driver Manifest App Template: The Logistics Pattern: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 5 min read

Truck Driver Manifest App Template: The Logistics Pattern

A truck driver manifest app that works in the cab: ordered stops with loud re-sequencing, HOS awareness, evidence-grade proof of delivery, and offline sync.

Lawrence Arya · June 4, 2026
MercadoLibre Product Page UI in React Native: Pattern: a reflective 3D App Store icon on a blue and purple gradient
Guides 5 min read

MercadoLibre Product Page UI in React Native: Pattern

The MercadoLibre product page patterns worth cloning in React Native: installments above the fold, dated delivery, Q&A threads, and a synced sticky buy bar.

Lawrence Arya · June 4, 2026
Muslim Pro Prayer Times UI Clone in SwiftUI: Done Right: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 5 min read

Muslim Pro Prayer Times UI Clone in SwiftUI: Done Right

Building a prayer times app UI in SwiftUI honestly: visible calculation methods, a qibla compass with calibration truth, rolling notifications, and respect.

Lawrence Arya · June 4, 2026
NS Reisplanner App UI in React Native: The Transit Pattern: a reflective 3D App Store icon on a blue and purple gradient
Guides 5 min read

NS Reisplanner App UI in React Native: The Transit Pattern

Building an NS reisplanner style journey planner in React Native: results-as-legs, transfer anxiety, honest delay rendering, and NS API or GTFS data.

Lawrence Arya · June 4, 2026
ParkMobile Clone UI in React Native: The Session Pattern: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 5 min read

ParkMobile Clone UI in React Native: The Session Pattern

The ParkMobile-style parking UI done right: zone keypad first, live price math, a lock-screen session countdown with one-tap extend, and loud expiry states.

Lawrence Arya · June 4, 2026
Police Scanner Radio App UI for iOS: The Honest Pattern: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 5 min read

Police Scanner Radio App UI for iOS: The Honest Pattern

A police scanner app UI that works: geography-first feed directory, a sparse live player with truthful states, background audio, and the legal disclosures.

Lawrence Arya · June 4, 2026