Scaffolding your chrome extension, multiple boilerplates supported!
- 馃殌 Lightning Fast HMR(use Vite2)
- 馃ァ Out of Box
- 馃寛 Multiple Frontend Framework Supported (9+)
- 馃ア Multiple Language Supported (TypeScript & JavaScript)
- 馃Ф Optimized Builds
- 馃寳 Light & Dark Mode
Node >= 14.18.0
# use npm-create command, or use pnpm | yarn
位 npm create chrome-ext
# or use npx command
位 npx create-chrome-ext
# or use npm-init command
位 npm init chrome-ext
You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + Svelte project, run:
# npm 6.x
位 npm create chrome-ext@latest my-crx-app --template svelte-js
# or npm 7+, extra double-dash is needed:
位 npm create chrome-ext@latest my-crx-app -- --template react-ts
# or yarn
位 yarn create chrome-ext my-crx-app --template vue-ts
# or pnpm
位 pnpm create chrome-ext my-crx-app --template vanilla-ts
You can also generator the project with crx
cli, run:
位 npm install create-chrome-ext --global
# and then
位 crx my-crx-app
# or
位 crx my-crx-app --template preact-js
# or use create-chrome-exe (global env)
位 create-chrome-ext my-crx-app
framework presets include:
React 路 Vue 路 Svelte 路 Preact 路 Solid 路 Alpine 路 Lit 路 Inferno 路 Stencil 路 Vanilla
languages supported: