Browse free designs

Native Hardware, Sensors & Device Features

This hub covers using iOS device features in your app: the camera, HealthKit, location, NFC, biometrics, sensors, and Apple frameworks that read real device data. Build the UI from a free VP0 design, then wire the hardware through Apple's official APIs in SwiftUI or React Native.

What this hub covers

Camera and capture
HealthKit and sensors
Location and maps
NFC and biometrics
Apple device APIs

Guides in this hub (55)

Apple HealthKit Pedometer UI: Free Step Counter Templates

Build a step counter UI for Apple HealthKit: HealthKit for daily totals and charts, Core Motion's CMPedometer for the live number, from a free template.

Convert a Bubble App to Native iOS Using AI

How to convert a Bubble app to native iOS with AI: skip the WebView wrapper Apple rejects, rebuild the screens natively, and reuse Bubble's Data API for the backend.

Bluetooth Hearing Aid EQ Mixer UI for iOS

Build a Bluetooth hearing aid EQ mixer UI for iOS in SwiftUI, bound to AVAudioUnitEQ. Here is the audio path, the band sliders, and what to keep honest.

Bluetooth Mesh Network Chat Interface for iOS

Build a Bluetooth mesh network chat interface for iOS with MultipeerConnectivity. Here is the transport choice, the message UI, and the states it must show.

Build an Anonymous Voice Changer Pitch Slider on iOS

Route the mic through AVAudioUnitTimePitch and bind a slider to its pitch in cents. Here is the audio graph, the UI, and what anonymous really means.

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.

XR fitness app companion UI for iOS: the SwiftUI screens

Build the iOS companion for an XR fitness app: setup, live HealthKit metrics, summary, and history that stay in sync with the headset workout.

Build an Intercom-Style Support Video Call UI on iOS

Intercom-style support chat has no native video calls. Here is how to build an in-app customer support video call UI on iOS with WebRTC, CallKit, and PushKit.

Build a Live Translation Closed Captions Overlay on iOS

Live captions transcribe speech in real time and stay readable over anything. Here is how to build a live translation closed captions overlay on iOS.

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.

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.

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.

Apple HealthKit Intermittent Fasting Timer Ring in SwiftUI

A date-anchored ring that times the window honestly: TimelineView and trimmed circles, HealthKit correlation without a fasting type, and guardrails as features.

Feng Shui Bagua Map Overlay UI

An honest bagua overlay renders the grid accurately and helps the user align it, a tool for the practice, not a claim it works, with floor-plan and camera modes.

Floating Keyboard Avoidance UI on iPad: The Honest Fix

The iPad has four keyboards and three break height math. UIKeyboardLayoutGuide, scroll-to-reveal, and when the right avoidance is none at all.

Helium Hotspot Network Diagnostic App UI

A monitoring and placement tool, not the hotspot's brain: glanceable status, a coverage map that fixes placement, and rewards shown honestly, never hyped.

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.

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.

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.

Medical Inventory Barcode Scanner UI in SwiftUI

The unit is the lot, not the product: parse GS1 expiry and batch from one scan, sort by expiry, and identify recalled lots a count-only system never could.

Photomath Clone Camera Scanner UI in SwiftUI

Capture, recognize, solve, show steps: recognizing math is harder than text, the user confirms the parsed equation, and the worked steps are the product.

React Native BLE Device Scanner UI Kit

Turn a noisy packet stream into a pickable list: dedup by device ID, sort by signal, and distinguish Bluetooth-off from permission-denied from no-devices.

React Native VisionCamera Frame Processor UI

A frame-processor screen is two systems: per-frame analysis on a worklet and an overlay that visualizes it. Keep the UI off the hot path and map coordinates right.

Smart Lock Bluetooth Key-Share UI in SwiftUI

Sharing a smart lock key is access delegation, not a button. The access list is the product, and honest revocation that reaches the door is the hard part.

Biological Age Calculator Dashboard UI for iOS: Honest

Design a biological age dashboard: the estimate framed honestly, trends over absolutes, factor breakdowns tied to evidence, and zero longevity fear-mongering.

Bluetooth Printer Receipt UI in React Native: ESC/POS

Print receipts from React Native over Bluetooth: ESC/POS as the language, pairing that survives shifts, character-grid layout, and honest printer states.

Car Sharing Unlock Bluetooth UI in SwiftUI: The Moment

Design the car-sharing BLE unlock: find-the-car flows, dual-confirmation unlock states, cellular fallback for garages, and an honest end-trip checklist.

CGM Glucose Chart UI in SwiftUI: Companion-App Rules

Build a CGM glucose chart in SwiftUI: target-range bands, time-in-range as the headline, honest sensor lag, tiered alerts, and the medical-device line.

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.

AI Pin Style Voice Interface Animation in SwiftUI: Guide

Building an AI Pin style voice orb in SwiftUI: TimelineView plus Canvas, mic-driven RMS levels, five truthful states, captions, and Reduce Motion support.

AR Smart Glasses Route Navigation UI in SwiftUI: Honest Guide

Designing AR smart glasses route navigation in SwiftUI honestly: visionOS and ARKit today, world-anchored turns, glanceable cards, and a degradation ladder.

Bike Sharing Dock Availability UI Kit: Free Starting Point

Where to find a free bike sharing dock availability UI kit and how to wire it to live GBFS station data: pin states, dock counts, and stale-data UX.

Camera Live Object Detection: The Bounding Box UI

Drawing live bounding boxes over a camera feed is mostly coordinate math. Here is how to map Vision results to view space and keep the overlay smooth on iOS.

CarPlay Audio App Template in SwiftUI: How It Works

CarPlay audio apps are template-based, not custom views, and need an Apple entitlement. Here is the real architecture, the entitlement step, and how to start.

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.

Gyroscope 3D Parallax Effect in SwiftUI (Free Start)

Build a tilt-driven gyroscope 3D parallax effect in SwiftUI from a free VP0 design: read CoreMotion attitude, offset layers, smooth jitter, respect Reduce Motion.

React Native Background Location Tracking UI Guide

Build a background location tracking UI in React Native that App Review accepts: ask When-In-Use first, escalate to Always with a reason, and let users stop it.

Smart Ring Sleep Tracker UI in SwiftUI

A free SwiftUI pattern for a smart ring sleep tracker: read sleep from HealthKit or a Bluetooth ring, show stages and readiness, and stay non-medical.

Vision Pro iPhone Companion App: A Free Template Guide

An iPhone companion for a Vision Pro experience handles setup, content, pairing, and handoff. Build both sides from a free VP0 design, each to its own HIG.

AI App Store Screenshot Generator, Free Workflow

Use AI to generate App Store screenshots for free. Let AI craft backgrounds and captions around a real screen, then export every size App Store Connect needs.

Barcode Self-Checkout Scanner UI, React Native Free

Build a barcode self-checkout scanner UI in React Native from a free template. Scan-to-cart, running total, and pay, with Claude Code or Cursor.

CarPlay Audio Player Template for iOS, Free

Build a CarPlay audio player for iOS from a free template. Use CarPlay's list and now-playing templates the right way with Claude Code or Cursor.

SwiftUI NFC Reader with a Bottom Sheet Result

A free SwiftUI pattern for reading NFC tags with Core NFC and showing the result in a native bottom sheet, plus the entitlement and the tags-not-cards truth.

Apple HealthKit Step Counter in SwiftUI (Free Template)

Build a step-counter UI on HealthKit in SwiftUI: permission, today's steps, a trend chart, and goals, from a free VP0 design. Private, and not medical.

Audio Waveform Recorder UI in React Native

Build a voice recorder UI in React Native: a live waveform, record and pause, and playback, from a free VP0 design. With a real, metered waveform.

Bluetooth Device Pairing UI in SwiftUI (Free Template)

A BLE pairing screen scans, lists nearby devices, and walks through connecting with clear states. Build it with Core Bluetooth from a free VP0 design.

Core NFC and Tap to Pay for AI-Built iOS Apps

Can an AI-generated app read a physical credit card over NFC and charge it? The honest answer, plus the right way to accept a tap, built from a free VP0 design.

iOS Document Picker UI Customization in SwiftUI

Use the iOS document picker in SwiftUI to import and export files from Files and iCloud, from a free VP0 design. With security-scoped access.

IoT Smart-Home Dashboard in React Native (Free UI)

Build a smart-home dashboard in React Native: device tiles, room grouping, and quick toggles, from a free VP0 design. Prefer HomeKit and Matter.

iPhone LiDAR Room Scanner UI Template (SwiftUI + RoomPlan)

Build a LiDAR room scanner UI in SwiftUI with RoomPlan: a guided scan, live coaching, and a 3D result, from a free VP0 design. With a graceful non-LiDAR fallback.

React Native WebRTC Video Call UI Kit (Free Design)

Build a video call UI in React Native with WebRTC: local and remote video, mute and camera controls, and call states, from a free VP0 design.

Spatial Audio Soundscape UI in React Native

Build a spatial audio soundscape app in React Native: layered ambient sounds placed in 3D space, a mixer, and background playback, from a free VP0 design.

Custom Camera UI With AVFoundation in SwiftUI

Build a custom camera UI in SwiftUI with AVFoundation: live preview, capture, and controls, from a free VP0 design. Privacy-first, with the permission string.

Video Editor Timeline UI in iOS (Learn the CapCut Pattern)

Build a video editor timeline UI in SwiftUI: scrubbable clips, trim handles, and layered tracks, from a free VP0 design. AVFoundation does the editing.

watchOS AI Agent Widget Template (SwiftUI)

Build an AI agent companion for Apple Watch in SwiftUI: a glanceable complication, quick actions, and a wrist-sized reply, from a free VP0 design.

Related topic hubs

React Native & Expo: Mobile Frontend Architecture Native Apple & SwiftUI: The iOS Ecosystem Free iOS Templates, UI Kits & Components Vibe Coding: iOS App Template Strategy Web3, Telegram Mini-Apps & Crypto UI AI App Builders & Vibe Coding Tools App Store Publishing, Build Errors & Deployment B2B, Enterprise, Healthcare & Industry Apps Compliance, Localization & Accessibility Maps, Location, Mobility & Delivery UI Payments, Monetization & Regional Fintech Backend, Auth & Data Integrations UI Animations, Gamification & Microinteractions AI/ML Product Templates & Agentic UX AI App Builders: Pricing, Code Ownership & Shipping Framework & Component Library Authority Core AI UI Component Authority AI UI & Component Tool Alternatives and Comparisons Enterprise SaaS & Compliance UI AI IDE & MCP Integrations Backend-Connected UI Systems Mobile App UI & Super-App Templates Design-to-Code & No-Code Migration Advanced Interaction & Spatial UI AI Agent & Local AI Interfaces Programmatic SEO & Conversion Components The Vibe Coding Operating System

New here? Start with the VP0 Journal, or browse free iOS components. VP0 is the free iOS design library for AI builders, copy a design and your AI tool rebuilds it in SwiftUI or React Native.