L

LocalMode UI

針對瀏覽器端 AI 的本機優先 React 元件與可安裝模組

free
最後更新 2026/9/11

關於 LocalMode UI

LocalMode UI 提供 100+ 個 React 元件與 36 個可安裝 blocks,涵蓋 Chat、Knowledge & RAG、Vision、Audio、Photo 與 Agents 等瀏覽器端 AI 情境。Blocks 可在瀏覽器執行真實模型;首次下載模型後,推論可完全在瀏覽器內完成,資料不會離開裝置。專案支援 WebGPU 或 WebAssembly,並可安裝為 PWA。

適合人群

React 開發者
shadcn/ui 專案開發者
打造瀏覽器端 AI 應用程式的團隊
需要本機推論的開發者

適合場景

在瀏覽器中執行 AI 模型

建立 Chat 與 Knowledge & RAG 介面

建立 Vision、Audio 或 Photo 體驗

將 AI 元件安裝至 shadcn/ui 專案

功能特性

瀏覽器端本機推論

首次下載模型後可在瀏覽器內完成本機推論,資料不會離開裝置。

可安裝的 Blocks

Blocks 可在瀏覽器執行真實模型,並透過 components.json 與 npx shadcn 指令安裝。

GPU 與 WebAssembly 推論

支援 WebGPU 加速;其他現代瀏覽器可回退至 WebAssembly。

PWA 離線外殼

網站支援安裝為 PWA,應用程式外殼可離線運作。

優點

  • 首次下載模型後可在瀏覽器內完成本機推論
  • 元件為 copy-owned,並繼承 shadcn/ui 主題
  • 支援 WebGPU,並可回退至 WebAssembly
  • 可作為 PWA 使用

缺點

  • WebGPU 加速取決於瀏覽器能力,其他現代瀏覽器會回退至 WebAssembly

常見問題

首次下載模型後,推論會完全在瀏覽器內執行,資料不會離開裝置。
在 components.json 中設定 @localmode 命名空間,然後執行 npx shadcn@latest add @localmode/ui/。

工具資訊

開發商LocalMode UI
釋出日期2026/9/11
定價模式free