跳过主要内容
开源浏览器扩展模板

适用于 SaaS 应用的开源浏览器扩展模板 浏览器扩展

从精心准备的扩展外壳开始,再把它变成你的产品。MkExt 用一套 React 代码提供常用入口、共享状态、本地化 UI 与打包流程。

  • 开源项目
  • Apache 2.0
  • WXT Framework
app.example.com

MkExt

扩展 Popup

已登录

快速开始

从模板到真正的浏览器扩展

克隆模板,围绕产品完善浏览器扩展,并通过清晰的流程完成发布。

变成你的产品

保留产品真正需要的浏览器入口

01

连接并定制

连接 SaaS 后端、完善共享 UI,并通过快速重载在本地运行。

02

发布扩展包

本地或 CI 生成可提交商店的 Zip

03
terminal

$ git clone https://github.com/MkThingsHQ/mkext.git

Cloning into 'mkext'...

$ cd mkext

$ bun install

✓ Dependencies ready

$ bun run dev:chrome

✓ Extension built and opened in Chrome

功能

为你的 SaaS 浏览器扩展准备好更好的起点

重复的扩展基础工作已经完成,让你专注打造用户愿意反复使用的 SaaS 工作流。

常用产品入口已就绪

Popup、侧边栏、设置页、新标签页、DevTools、后台与扩展自有页面。

Chrome 与 Firefox

一套代码构建 Chrome MV3 与 Firefox 扩展包

认证能力已就绪

将内置登录流程接入你的 SaaS 后端,并把会话保留在扩展存储中。

类型安全的共享状态

通过共享存储与类型安全消息同步不同扩展上下文

国际化与主题

中英文与主题切换,无需额外配置

Chrome + Firefox 交付

在本地或 CI 生成 Chrome 与 Firefox 扩展包

连接你的 SaaS

让扩展与产品后端保持同步

把 MkExt 接入 SaaS 已有的后端,让浏览器扩展专注服务用户正在进行的工作。

  • 把 Bearer 会话持久化到扩展存储
  • 支持邮箱密码或 Google 登录
  • 保留你已有的后端、产品逻辑和用户数据

你的 Better Auth 后端

邮箱密码或 Google 登录

MkExt

扩展存储中的 Bearer 会话

VITE_AUTH_URLBetter Auth API

set-auth-token扩展存储

Google Identity/api/auth/extension/google

开源项目

从浏览器扩展模板开始,而不是空白 Manifest

Fork MkExt,围绕 SaaS 工作流定制扩展,只保留产品真正需要的入口。

GitHub