Journal

Tag

#3d

Build a Mapbox 3D City Navigation UI in SwiftUI: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 7 min read

Build a Mapbox 3D City Navigation UI in SwiftUI

Build a 3D city navigation UI in SwiftUI with Mapbox: extruded buildings, a pitched chase camera, and day and night styles, wrapped for SwiftUI and kept smooth.

Lawrence Arya · June 27, 2026
DEXA Scan Body Fat 3D Visualizer UI for iOS Apps: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 10 min read

DEXA Scan Body Fat 3D Visualizer UI for iOS Apps

Render DEXA body composition as a rotatable 3D body in SceneKit, color regions by fat percentage, and chart the trend. Here is the build, data path, and limits.

Lawrence Arya · June 11, 2026
Spline 3D Model Background in SwiftUI: A Practical Guide: a reflective 3D App Store icon on a blue and purple gradient
Guides 9 min read

Spline 3D Model Background in SwiftUI: A Practical Guide

A Spline scene behind a SwiftUI interface looks alive because the GPU draws it live. Here is the embed, the performance caps, and when to choose SceneKit.

Lawrence Arya · June 10, 2026
Interactive Solar System 3D Viewer in SwiftUI: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 5 min read

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.

Lawrence Arya · June 7, 2026
3D Model Viewer Carousel in React Native: One Context: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 5 min read

3D Model Viewer Carousel in React Native: One Context

Build a 3D model viewer carousel in React Native: one GL context with swapped models, glTF with Draco, phone-grade poly budgets, and honest loading states.

Lawrence Arya · June 5, 2026
Spline 3D React Component With an AI Prompt: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 6 min read

Spline 3D React Component With an AI Prompt

Embed a Spline 3D scene in React the right way: design the 3D in Spline, then use AI to wire the embed and the UI around it. Start from a free VP0 design.

Lawrence Arya · June 4, 2026
React Three Fiber AI 3D Generator: What It Can Do: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 6 min read

React Three Fiber AI 3D Generator: What It Can Do

Use AI to generate React Three Fiber scenes: it writes the scene graph and component wiring fast. Start from a free VP0 design and own performance and assets.

Lawrence Arya · June 3, 2026
3D Product Viewer 360 Spin in React Native (Free Guide): the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 5 min read

3D Product Viewer 360 Spin in React Native (Free Guide)

Build a 3D product viewer with 360 spin in React Native two ways: an image-sequence spin or a real 3D model, starting from a free VP0 design and kept at 60 fps.

Lawrence Arya · June 2, 2026