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

Guides in this hub (17)

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.
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

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.