https://github.com/tmkx/webx-kit

A tool set for Web eXtension development.
https://github.com/tmkx/webx-kit

boilerplate chrome chrome-extension extension hmr mv3 react template typescript vue webpack

Last synced: 30 days ago
JSON representation

A tool set for Web eXtension development.

• Host: GitHub
• URL: https://github.com/tmkx/webx-kit
• Owner: tmkx
• Created: 2023-12-21T15:44:43.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-04-04T06:18:41.000Z (2 months ago)
• Last Synced: 2024-04-04T07:29:04.792Z (2 months ago)
• Topics: boilerplate, chrome, chrome-extension, extension, hmr, mv3, react, template, typescript, vue, webpack
• Language: TypeScript
• Homepage:
• Size: 925 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-rspack - @webx-kit/rsbuild-plugin

README

        


  

  
A tool set for Web eXtension development




  



## Getting started

```bash

pnpm create webx

npm create webx

yarn create webx

```

## Features

- 💅 Fully customizable, take control of any details

- 🔥 Support **HMR** for popup/options/**content-scripts**/...

- 📃 Support [Chrome Manifest V3](https://developer.chrome.com/docs/extensions/develop/migrate/what-is-mv3), and generating `manifest.json` with TypeScript

- 🎭 Support E2E test, based on [Playwright](https://playwright.dev/)

## Tech stacks

- [Webpack](https://webpack.js.org/) / [Rspack](https://www.rspack.dev/)

- [React](https://react.dev/) / [Vue](https://vuejs.org/) / [Solid](https://www.solidjs.com/) / [Svelte](https://svelte.dev/) / ...

- [Tailwind CSS](https://tailwindcss.com/) / Sass / Less / CSS Modules

- ... and more!

## Related

- [vitesse-webext](https://github.com/antfu/vitesse-webext) - A [Vite](https://vitejs.dev/) powered WebExtension ([Chrome](https://developer.chrome.com/docs/extensions), [FireFox](https://addons.mozilla.org/en-US/developers/), etc.) starter template