#swiftui · Page 13
Telegram-Style Channel List UI in SwiftUI (Learn the Pattern)
Build a Telegram-style channel and chat list in SwiftUI: rows with avatar, last message, time, and unread badge, from a free VP0 design.
Telegram Dark Mode Color Palette in SwiftUI
Build a Telegram-style theming system in SwiftUI: semantic colors that adapt to light and dark and match Telegram's theme, from a free VP0 design.
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.
Virtual Pet (Tamagotchi-Style) UI in SwiftUI
Build a virtual pet app in SwiftUI: needs that change over real time, care actions, and gentle reminders, from a free VP0 design.
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.
Whisper Voice Transcription App UI in SwiftUI: A Free Reference
A free, AI-readable SwiftUI reference for a Whisper transcription app: a record button, live waveform, and an editable transcript. Hand it to your coding agent.
Wordle-Style Daily Word Game in SwiftUI (Learn the Pattern)
Build a daily word-guessing game like Wordle in SwiftUI: a letter grid, color feedback, and a once-a-day puzzle, from a free VP0 design.
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 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.
AI 助手界面 SwiftUI 原生风格做法
用 SwiftUI 原生重建 AI 助手界面，靠 @State 管流式、ScrollViewReader 自动滚到底。用 VP0 免费设计起步，交给 Claude 生成。
ChatGPT 前端 SwiftUI 原生风格做法
用 SwiftUI 原生做 ChatGPT 式前端，靠 AttributedString 渲染 Markdown、LazyVStack 扛长会话。用 VP0 免费设计起步。
大模型对话暗色 UI SwiftUI 原生做法
用 SwiftUI 原生做大模型对话的暗色界面，靠语义色和 preferredColorScheme 一套代码通吃浅深。用 VP0 免费设计起步。
Cursor AI 无脑搭建 iOS 移动端界面教程（附模板）
用 Cursor 搭 iOS 界面可以「无脑」，但前提是设计先行。完整流程：在 VP0 挑原生设计，复制链接喂给 Cursor 生成代码，再补状态、测真机。
Claude 写 SwiftUI 排版混乱？用模板对照修复
Claude 写 SwiftUI 排版乱，多半是缺一个明确的设计基准。给它一个 VP0 原生设计当「标准答案」，对照着修间距、对齐和安全区最快。
仿抖音短视频信息流 SwiftUI 原生做法
用 SwiftUI 原生做抖音式全屏短视频流，靠 TabView 竖向分页加 VideoPlayer、预加载下一条。VP0 免费起步。
小红书瀑布流 SwiftUI 原生实现做法
用 SwiftUI 原生做小红书式双列瀑布流，靠分列高度均衡加 AsyncImage 占位。用 VP0 免费设计起步，交给 Claude 生成。
高仿微信首页聊天布局 SwiftUI 原生
用 SwiftUI 原生做微信式会话首页，靠 List 加 swipeActions 实现侧滑操作。学结构而非照抄，VP0 免费起步。
京东分类双滚动列表 SwiftUI 原生做法
用 SwiftUI 原生做京东式分类双滚动，靠 ScrollViewReader 做左右联动、scrollTo 跳段。VP0 免费起步。
B 端 ERP 统计图表 SwiftUI Charts 做法
用 SwiftUI 的 Swift Charts 做 B 端 ERP 监控图表，折线柱状饼图几行就出，配 Grid 做指标卡。VP0 免费起步。
数字身份钱包 SwiftUI 原生卡片做法
用 SwiftUI 原生做数字身份钱包，靠卡片层叠加 matchedGeometryEffect 展开、生物识别守门。VP0 免费起步。
大疆控制器移动端界面 SwiftUI 原生做法
用 SwiftUI 原生做无人机控制器界面，实时画面做底层、飞行参数浮层、返航安全最醒目。VP0 免费起步。
智能家居控制面板 SwiftUI 原生做法
用 SwiftUI 原生做智能家居控制面板，设备卡用 Grid、场景一键切换、开关即时反馈。VP0 免费起步。
小米 SU7 车机中控 SwiftUI 原生做法
用 SwiftUI 原生做 SU7 式车机中控，靠 Gauge 显能量、超大 Text 显车速、Grid 分区。用 VP0 免费设计借鉴起步。
税务发票移动端 SwiftUI 原生表单做法
用 SwiftUI 原生做开票表单，靠 Form 加实时校验、抬头一键带入、状态明确。VP0 免费起步，交给 Claude 生成。