What is LocalMode UI?
A shadcn-style registry of copy-owned, composable AI UI components for the browser, plus installable blocks that run real…
LocalMode UI 是一个开源、采用 MIT 许可证的工具包和 shadcn 风格组件注册表，用于构建完全在浏览器中运行的隐私优先型 AI 界面。它提供 100 多个可复制到项目中的 React 组件，以及 36 个可安装模块，覆盖聊天、RAG、向量搜索、视觉、音频、智能体、隐私和开发者工具等场景。模型通过 WebGPU 或 WebAssembly 回退方案在本地运行，因此应用无需服务器或 API 密钥即可工作，并将用户数据保留在设备上。
100+ copy-owned React components and 36 installable blocks for browser-native AI, across Chat…
Key features
100 多个可复制到项目中的 React 组件，兼容 shadcn 风格工作流
36 个可安装的 AI 模块，覆盖聊天、RAG、视觉、音频、智能体、隐私和文本工具
支持超过 76 个模型的设备端 LLM 聊天
基于浏览器的 RAG 和本地文档向量搜索
使用 Whisper 进行语音转文字，使用 Kokoro 进行文字转语音，并提供 29 种声音
设备端图像分类、目标检测和 CLIP 图像搜索
支持 WebGPU 加速，并提供 WebAssembly 回退方案
完成初始模型下载后支持离线运行
零依赖核心库，提供 64 个 React Hooks
本地浏览器能力检测，涵盖 WebGPU、WebAssembly、IndexedDB、OPFS、Worker 及相关功能
Frequently asked questions
Does LocalMode UI work offline?
Yes. After the initial model download, inference runs entirely in the browser with no network requests, and data never leaves your device. The site is…
Do I need an API key or a server?
No. Blocks run real models on-device via WebGPU or WebAssembly. There is no server and no API key, and installation is client-only.
Benefits and limitations
Benefits
- 开源并采用 MIT 许可证
- 无需服务器或 API 密钥即可在本地运行 AI 模型
- 将用户数据保留在设备上，提升隐私性
- 提供大量可复制、可定制的 React 组件
- 为常见 AI 工作流提供完整的可安装模块
- 支持 WebGPU 加速和 WebAssembly 回退方案
- 下载模型后即可离线运行
- 可与 shadcn CLI 和现有 shadcn 主题集成
- 覆盖对话式 AI、RAG、音频、视觉、隐私和开发者工具等场景
Limitations
- 初始模型下载可能需要较大的存储空间和较长时间
- 运行性能取决于用户的浏览器、硬件、内存和 GPU 支持情况
- 部分浏览器可能不支持 WebGPU，只能使用速度较慢的 WebAssembly 推理
- 大型模型可能超出设备可用内存
- 用户需要负责将复制到项目中的组件集成到自己的应用中并进行维护
- 在性能较弱的设备上，本地推理可能比云端 AI 服务更慢、能力也更有限
Official website & sources
Sources
Updated on 2026-10-21
