Journal

The VP0 Journal

Page 11

Build a Smooth, Scrolling Social Media Feed in SwiftUI: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Build a Smooth, Scrolling Social Media Feed in SwiftUI

A social media feed in SwiftUI is a scrolling list of post cards. Here is how to build it so it stays smooth with images, likes, and infinite scroll.

Lawrence Arya · June 8, 2026
Build a Sora-Style AI Video Progress Bar in SwiftUI: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 9 min read

Build a Sora-Style AI Video Progress Bar in SwiftUI

AI video generation is slow and server-side, so honest progress beats a fake percentage. Here is how to build the Sora-style progress UI in SwiftUI.

Lawrence Arya · June 8, 2026
Build a Spatial Video Recording Camera UI in SwiftUI: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 6 min read

Build a Spatial Video Recording Camera UI in SwiftUI

Spatial video is stereoscopic 3D recorded on iPhone Pro and Vision Pro. Here is how to build the spatial video recording camera UI in SwiftUI with capture guidance.

Lawrence Arya · June 8, 2026
Build a Starlink Dish Alignment Compass UI in SwiftUI: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Build a Starlink Dish Alignment Compass UI in SwiftUI

A dish alignment compass aims an antenna using the phone's heading and tilt. Here is how to build the Starlink dish alignment compass UI in SwiftUI with two sensors.

Lawrence Arya · June 8, 2026
Build a Stablecoin Remittance Send-Money Flow Screen: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 7 min read

Build a Stablecoin Remittance Send-Money Flow Screen

A stablecoin remittance app sends money cross-border below the ~6% average. Here is how to build the send-money flow UI, with the compliance handled correctly.

Lawrence Arya · June 8, 2026
Build a Strava 3D Flyover Map Summary in React Native: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 6 min read

Build a Strava 3D Flyover Map Summary in React Native

A Strava 3D flyover replays your route as an animated camera over a tilted map. Here is how to build the flyover map summary in React Native with Mapbox.

Lawrence Arya · June 8, 2026
Use Apple Intelligence On-Device Models in SwiftUI: a reflective 3D App Store icon on a blue and purple gradient
Guides 6 min read

Use Apple Intelligence On-Device Models in SwiftUI

Apple Intelligence lets a SwiftUI app call an on-device model with the Foundation Models framework. Here is a working example, with the honest limits included.

Lawrence Arya · June 8, 2026
Build a Swapfiets-Style Subscription App in React Native: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 8 min read

Build a Swapfiets-Style Subscription App in React Native

A subscription-service app is one where the subscription is the product. Here is how to build the Swapfiets-style app in React Native, billing included.

Lawrence Arya · June 8, 2026
Build a Custom Keyboard Extension Template in SwiftUI: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 7 min read

Build a Custom Keyboard Extension Template in SwiftUI

A custom keyboard is an app extension with real constraints. Here is how to build a custom keyboard extension in SwiftUI, from the key layout to Full Access.

Lawrence Arya · June 8, 2026
macOS Catalyst App Template: Catalyst or Native?: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 8 min read

macOS Catalyst App Template: Catalyst or Native?

Catalyst, native macOS, or Designed for iPad: the choice is effort versus Mac feel. Here is how to decide and build a Mac-native Catalyst app template.

Lawrence Arya · June 8, 2026
Build a SwiftUI Photo Gallery Grid with Pinch to Zoom: a glass iPhone app-grid icon on a mint and teal gradient
Guides 6 min read

Build a SwiftUI Photo Gallery Grid with Pinch to Zoom

A SwiftUI photo gallery has two pinch gestures: pinch the grid to change density, pinch a photo to zoom. Here is how to build both with LazyVGrid and bounded zoom.

Lawrence Arya · June 8, 2026
Build a Swipe-to-Buy Button Animation in React Native: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 6 min read

Build a Swipe-to-Buy Button Animation in React Native

A swipe-to-buy button slides to confirm a purchase, preventing accidental taps. Here is how to build the animation in React Native with Reanimated and gestures.

Lawrence Arya · June 8, 2026
Build Infinite Scroll in React Native with TanStack Query: a reflective 3D App Store icon on a blue and purple gradient
Guides 6 min read

Build Infinite Scroll in React Native with TanStack Query

TanStack Query handles paging, a virtualized list handles rendering. Here is how to build infinite scroll in React Native with useInfiniteQuery and FlashList.

Lawrence Arya · June 8, 2026
What a Telehealth Consultation App UI Kit Needs (iOS): a glass iPhone app-grid icon on a mint and teal gradient
Guides 9 min read

What a Telehealth Consultation App UI Kit Needs (iOS)

A telehealth app is a full consultation flow, not just a video screen, and patient data is regulated. Here is what the iOS UI kit needs, and where to get one.

Lawrence Arya · June 8, 2026
Build a TikTok-Style Vertical Video Pager in SwiftUI: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 8 min read

Build a TikTok-Style Vertical Video Pager in SwiftUI

A TikTok pager's hard part is player management, not the swipe. Here is how to build the vertical video pager in SwiftUI without overlapping audio or lag.

Lawrence Arya · June 8, 2026
Build a Toss-Style Banking App UI Clone in React Native: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 8 min read

Build a Toss-Style Banking App UI Clone in React Native

Toss feels premium because of minimalism and micro-animation, not its brand. Here is how to build a Toss-style banking app UI clone in React Native.

Lawrence Arya · June 8, 2026
What a tvOS Sports Scoreboard App UI Kit Needs: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 8 min read

What a tvOS Sports Scoreboard App UI Kit Needs

Apple TV has no touch, so the focus engine and a 10-foot view change everything. Here is what a tvOS sports scoreboard UI kit needs, and where to get one.

Lawrence Arya · June 8, 2026
Build a Twitch-Style Chat Overlay for React Native Video: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 8 min read

Build a Twitch-Style Chat Overlay for React Native Video

A Twitch-style chat overlay has to stay smooth while a busy chat floods over live video. Here is how to build the chat overlay in React Native without lag.

Lawrence Arya · June 8, 2026
Untangle a FlutterFlow Export and Run the Bare Source: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 7 min read

Untangle a FlutterFlow Export and Run the Bare Source

A FlutterFlow export is a complete Flutter project, not React Native. Here is how to open it in an IDE, add your own Firebase, and run the bare source cleanly.

Lawrence Arya · June 8, 2026
Build a visionOS-Style Window and Drag Bar on iOS: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 8 min read

Build a visionOS-Style Window and Drag Bar on iOS

On visionOS the window drag bar is system chrome you do not draw. Here is how to replicate the visionOS window look on iOS, and what is actually real.

Lawrence Arya · June 8, 2026
VP0 vs UI8 vs Mobbin: Which Design Resource to Use: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 9 min read

VP0 vs UI8 vs Mobbin: Which Design Resource to Use

VP0, UI8, and Mobbin solve different jobs: free AI-readable designs, paid design files, and screenshot reference. Here is which to use for building with AI.

Lawrence Arya · June 8, 2026
Build a WHOOP-Style Recovery Score Dial in SwiftUI: a reflective 3D App Store icon on a blue and purple gradient
Guides 9 min read

Build a WHOOP-Style Recovery Score Dial in SwiftUI

A WHOOP-style recovery dial is a circular gauge, but the score behind it is a derived metric. Here is how to build the recovery score radial dial in SwiftUI.

Lawrence Arya · June 8, 2026
The Best AI Tools for Vibe Coding in 2026: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 11 min read

The Best AI Tools for Vibe Coding in 2026

The best vibe coding tools in 2026, split by whether you code: Cursor, Claude Code, and Windsurf for developers, Lovable and Bolt for non-coders.

Lawrence Arya · June 7, 2026
AI Generative UI with Dynamic Components in React Native: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

AI Generative UI with Dynamic Components in React Native

The model composes, it never programs: a fixed native registry, schema-validated JSON on the wire, and the three places runtime-dynamic UI actually earns its keep.

Lawrence Arya · June 7, 2026