在各类AI写作工具和内容平台纷纷转向订阅制、按量付费的今天,有一款产品走出了完全不同的道路——BrowserAI。
BrowserAI不是云端API的“套壳”应用,也不是展示虚假回复的演示Demo,它是一款完全在用户浏览器本地运行的AI内容创作平台。它利用WebLLM和WebGPU硬件加速技术,将Llama 3.2、Phi 3.5、Gemma 2等真实的大语言模型下载到浏览器缓存中,在用户自己的设备上进行推理运算。
这意味着:零API费用、零月租、零数据外泄。

演示地址:https://lettermintai.web.app/login
为什么BrowserAI与众不同?| 核心差异 | 说明 |
|---|---|
| ? 零API成本 | 模型通过WebGPU在本地运行,无论多少用户、多少调用,推理成本为0。无OpenAI账单、无Token计量 |
| ? 绝对隐私 | 数据永不离开设备。无遥测、无云端处理,适用于企业合规、医疗记录、法律文书、个人日记等场景 |
| ?️ 无需后端 | 纯前端架构(React + Vite),可部署到任何静态托管平台(Vercel、Netlify、GitHub Pages等),托管成本为0 |
| ? 真实AI能力 | 在支持WebGPU的浏览器上(Chrome 113+ / Edge 113+),所有AI功能均产生真实模型输出,非预置占位文本 |
| 功能 | 说明 |
|---|---|
| 富文本编辑 | 支持Markdown、实时流式输出、内联AI生成 |
| AI重写 | 选中文本后让AI重新表达 |
| 语法修正 | 自动检查并纠正语法错误 |
| 语气调整 | 将文字转换为正式、友好、紧迫等不同语气 |
- SQL生成器
- 代码编写器
- Stripe API生成器
- Python生成器
- 文本摘要器
- 翻译器
- 正则表达式构建器
- JSON格式化器
- 文本分类器
- 数据提取器
- 以及更多
每个工具都使用专用的系统提示词,确保生成内容准确、场景适配。

- 上传本地文档(PDF、TXT等)
- 向AI提问,AI基于您上传的内容进行回答
- 完全在浏览器内运行,文档无需上传任何服务器
涵盖:博客文章、营销邮件、社交媒体文案、技术文档、销售话术、求职信等。每个模板都配有经过调优的系统提示词,用户还可创建和保存自定义模板。
五、文档与项目管理- 创建、组织、标签、搜索、管理文档和项目
- 完整的增删改查操作
- 数据持久化存储于浏览器会话之间
支持导出为PDF、Markdown、纯文本,完全客户端处理,无需服务器参与。
七、仪表盘与活动追踪实时统计:创建的文档数、生成的词数、节省的时间、AI请求次数等,基于真实用户活动实时更新。
八、全局搜索(Ctrl+K)支持跨文档、工具、模板、页面的即时搜索。
九、模型选择与配置可选择以下模型:Llama 3.2(1B / 3B)、Phi 3.5 Mini、Gemma 2(2B)。支持调整温度、Token限制等生成参数。
十、亮色/暗色模式全集成主题切换,流畅过渡动画。
十一、专业级UI/UX基于Tailwind CSS、Framer Motion动画、Shadcn UI组件构建,响应式设计,界面精致。
技术架构(面向开发者)| 层级 | 技术 |
|---|---|
| 框架 | React 19 + Vite 6 |
| 样式 | Tailwind CSS + Radix UI + Shadcn UI |
| AI引擎 | @mlc-ai/web-llm(WebGPU加速) |
| 路由 | React Router v7 |
| 存储 | IndexedDB(模型缓存)、localStorage(应用数据) |
| 动画 | Framer Motion |
| 测试 | Vitest |
| 功能 | 说明 |
|---|---|
| AI文本生成 | 真实本地LLM推理,模型下载到浏览器缓存后本地运行,流式输出 |
| 所有13个AI工具 | Writer、Summarizer、SQL、Code、Stripe API、Python、翻译、正则、JSON等,全部由本地模型驱动 |
| 富文本文档编辑器 | 完整编辑工具栏、Markdown支持、实时编辑 |
| 文档与项目管理 | 完整的增删改查,数据持久化 |
| 知识库/RAG | 上传文档,AI基于文档内容回答,完全本地运行 |
| 导出(PDF/Markdown/TXT) | 全功能客户端导出 |
| 30+写作模板 | 真实系统提示词驱动AI生成 |
| 仪表盘活动追踪 | 基于真实用户活动实时更新 |
| 设置与模型配置 | 模型选择、参数调整、偏好设置,全部生效 |
| 全局搜索 | 跨文档、工具、页面搜索 |
当浏览器不支持WebGPU(旧版浏览器、显卡不支持、显存不足)时,系统自动切换至降级模式:
- 所有AI工具仍可使用,返回示例/占位响应,用户可完整探索界面和工作流
- UI明确标注“降级模式(模拟响应)”
- 确保所有用户无论硬件如何均可体验完整功能
在Chrome 113+或Edge 113+的设备上,降级模式完全被绕过,AI运行真实本地模型推理。
? 演示脚手架(可轻松替换)以下外围功能使用轻量级客户端模拟,开箱即用,可按需替换为真实后端:
| 功能 | 当前行为 | 替换方式 |
|---|---|---|
| 认证 | 登录/注册表单完整,验证后demo用户存于localStorage | 接入Firebase Auth、Supabase Auth、Clerk等 |
| 资料保存 | 更新保存至localStorage | 连接真实用户API |
| 数据持久化 | 文档、项目等存于localStorage | 替换为Firestore、Supabase、MongoDB等 |
| 联系表单 | 需要EmailJS凭证发送邮件 | 添加EmailJS密钥或替换为其他邮件服务 |
| 仪表盘趋势指标 | 百分比值为静态/装饰性 | 连接真实数据库后从历史数据计算 |
| 升级计划按钮 | UI仅展示 | 连接Stripe、Paddle等计费服务 |
总结:AI引擎、文档编辑器、所有AI工具、模板、导出、搜索、知识库、仪表盘追踪均为真实可用功能。脚手架部分(认证、数据存储等)是模板为了方便开箱即用而预设的,可在数分钟内替换为真实后端。
系统要求| 要求 | 说明 |
|---|---|
| 浏览器 | Chrome 113+、Edge 113+ 或等效浏览器(需支持WebGPU) |
| 硬件 | 支持WebGPU的GPU(多数现代电脑满足) |
| 网络 | 首次运行时需下载模型权重(一次性) |
| 降级模式 | 不支持WebGPU的浏览器自动降级为模拟响应模式 |
⚠️ 重要:BrowserAI运行真实的硬件加速LLM推理,需要支持WebGPU的现代浏览器。在不支持的浏览器上,应用将在降级模式下正常运行(返回模拟AI响应)。
交付内容- ✅ 完整React/Vite源代码
- ✅ 全面的安装与配置文档
- ✅ 生产环境构建脚本
| 适用场景 | 典型用途 |
|---|---|
| 内容创作者/博主 | 零成本生成博客文章、社交媒体内容、视频脚本 |
| 开发者/程序员 | 使用Code Writer、SQL生成器、Python生成器辅助编程 |
| 企业合规/法务部门 | 数据永不离开设备,适合处理敏感或保密文书 |
| 医疗机构 | 撰写医疗记录、病例摘要,满足数据隐私合规要求 |
| 教育机构/学生 | 论文写作辅助、文献摘要、翻译 |
| 自由职业者 | 撰写提案、合同、客户邮件、报价单 |
| SaaS创业团队 | 零API成本嵌入AI能力,适合产品原型或内部工具 |
| 注重隐私的个人用户 | 日记、个人笔记、私人写作,无需担心数据上传 |
| 优势 | 说明 |
|---|---|
| ? 零成本 | 无API费用、无月费、无Token计量 |
| ? 隐私至上 | 所有数据本地处理,永不离开设备 |
| ? 无需后端 | 纯前端架构,部署成本极低 |
| ? 真实AI能力 | 支持Llama 3.2、Phi 3.5、Gemma 2等真实模型 |
| ? 功能完整 | 13款AI工具 + 30+模板 + RAG知识库 + 项目管理 |
| ? 双主题 | 亮色/暗色模式,视觉体验出色 |
| ? 可扩展架构 | 代码结构清晰,认证/存储等模块易于替换真实后端 |
| ? 响应式设计 | 完美适配桌面端与平板设备 |
