✶ Guides · Page 55
Apple HIG UI Kit: How to Get One Free (and Use It)
You don't need to buy an Apple HIG UI kit. Start from a free native-looking VP0 design, turn it into components, and pair it with Apple's free HIG and SF Symbols.
Apple TV (tvOS) Streaming App UI Kit (Free Start)
tvOS has no touch: the UI is built around moving focus with the remote. Design large focusable shelves with clear focus states, adapted from a free VP0 design.
Apple Watch App UI Kit: A Free 2026 Starting Point
An Apple Watch UI is glanceable and single-purpose, not a shrunk iPhone app. Build the companion app from a free VP0 design, then apply it to SwiftUI watch screens.
Apple Wallet Pass UI: Free Template and How to Build It
An Apple Wallet pass is a free re-engagement channel. Design the in-app add screen and the pass layout from a free VP0 design, then sign the .pkpass on your backend.
Behance iOS App Presentation Templates (The Free Way)
Want polished iOS app presentation templates for Behance or a client? Build real screens from a free VP0 library first, then frame them, real UI beats empty mockups.
BeReal-Style Dual-Camera UI (Learn the Pattern, Free)
BeReal's dual-camera capture is a fun, recognizable pattern. Learn it, build the UI from a free VP0 design, and use the platform's multi-camera API for the photo.
Binance-Style Crypto Exchange UI (Learn the Pattern)
A crypto-exchange UI is dense but learnable. Build the market, trade, and portfolio screens from a free VP0 design, and never custody funds or handle keys yourself.
Capacitor Custom Native Header UI on iOS (Free Guide)
A Capacitor app's web origin shows in the header. Make it native: respect the safe area, use iOS nav-bar conventions, and reference a free VP0 iOS design.
Cart Abandonment Modal UI in React Native (Gently)
A gentle cart-recovery modal can win back hesitating shoppers. Build one from a free VP0 design with the real total and one honest incentive.
Church Donation / Tithe App UI Template (Free)
A giving app runs on trust and ease. Build a short, warm tithe flow from a free VP0 design with Apple Pay and easy recurring giving.
无障碍大字版 App UI 模板：不只是把字调大
无障碍大字版要支持动态字体、对比度、触控区和读屏，不只是调大字。从一个干净的 VP0 原生设计起步再强化无障碍最省事。
AI 助手应用界面 Figma 模板文件免费
找免费的 AI 助手 Figma 模板，最后还得转成代码。不如用 VP0 免费设计库直接让 Cursor 生成可跑的界面。
AI 助手界面 React Native 组件库做法
把 AI 助手界面拆成可复用的 React Native 组件，消息列表、输入栏、流式气泡各管一摊。用 VP0 免费设计起步，交给 Cursor 生成。
AI 助手界面 SwiftUI 原生风格做法
用 SwiftUI 原生重建 AI 助手界面，靠 @State 管流式、ScrollViewReader 自动滚到底。用 VP0 免费设计起步，交给 Claude 生成。
AI 情感伴侣前端 React Native 组件库
把 AI 情感伴侣界面拆成可复用的 React Native 组件：角色卡、情绪气泡、礼物动效各管一摊。用 VP0 免费设计起步。
AI 出图瀑布流 React Native 组件做法
用 React Native 做 AI 出图 App 的双列瀑布流，分列均衡、图片占位、生成中状态各管一摊。VP0 免费起步。
大模型对话移动端暗色 UI 模板：难在对比和层次
大模型对话 App 偏爱暗色，但难点是对比和层次，不是把背景调黑。用 VP0 挑暗色对话设计喂给 AI 生成，别用纯黑。
ChatGPT 前端 React Native 组件库一比一
一比一还原 ChatGPT 式前端，靠 React Native 组件：气泡、打字指示、Markdown 与代码块各封一块。用 VP0 免费设计起步。
ChatGPT 前端 SwiftUI 原生风格做法
用 SwiftUI 原生做 ChatGPT 式前端，靠 AttributedString 渲染 Markdown、LazyVStack 扛长会话。用 VP0 免费设计起步。
大模型对话暗色 UI SwiftUI 原生做法
用 SwiftUI 原生做大模型对话的暗色界面，靠语义色和 preferredColorScheme 一套代码通吃浅深。用 VP0 免费设计起步。
ChatGPT 类机器人前端：别照搬源码，用 VP0 重建
想做 ChatGPT 式聊天前端，照搬「一比一源码」有版权和密钥风险。更稳的免费做法是用 VP0 挑个对话设计，喂给 Cursor 或 Claude Code 生成你自己的代码。
OpenAI Realtime 语音 UI 移动端模板：状态就是一切
语音 UI 没有气泡，用户全靠动效判断 App 在听、在想还是在说。免费做法是用 VP0 挑个语音类原生设计，喂给 Cursor 或 Claude Code 生成。
OpenAI 语音 UI React Native 组件库
语音界面没有气泡，状态就是一切。用 React Native 把聆听、思考、说话、打断各封成组件。用 VP0 免费设计起步。
RAG 文档上传移动端 UI 模板：难点全在状态
RAG 文档上传是用户第一步，状态特别多：上传、解析、列表、出错。用 VP0 挑个带上传的原生设计喂给 AI 生成，把状态画全。