Camera
Navigation & Command · 6 checks · 3 resources
The capture screen that requests permission in context and lets the user confirm before committing media.
Before you ship
- 01Permission request — camera permission requested at the moment capture is triggered, not on app launch or during onboarding
- 02Viewfinder and capture button — a full-screen viewfinder with a large capture button reachable by thumb at the bottom
- 03Flash controls — accessible without leaving the capture screen, with auto, on and off states clearly indicated
- 04Camera flip — a clear button accessible during capture, positioned so it is not accidentally triggered
- 05Post-capture preview — shown after capture, giving the user the chance to retake or confirm before the media is used
- 06Gallery picker of captures — the option to open a library containing the photos captured within that session
Resources that help you build this
- Material Design 3 · Google's open design system: 39 components, tokens, and Compose/Web codeDesign Systems & Brand GuidelinesS
- LiveKit Agents UI · shadcn registry of voice-agent UI: visualizers, control bar, transcriptAI Interface KitsA
- Tamagui · Universal React styling engine, optimizing compiler and ~48 components for web and nativeComponent LibrariesA