close
跳过主要内容
开源浏览器插件模板

为 SaaS 而生的 浏览器插件模板

一套基于 React 的浏览器插件模板,内置常用入口、共享状态、本地化 UI 与打包流程。Fork 后即可按产品需求定制。

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

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_URL → Better Auth API

set-auth-token → 插件存储

Google Identity → /api/auth/extension/google

开源项目

从浏览器插件模板开始,而不是空白 Manifest

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

GitHub