Web Extension React Boilerplate

web-extension

React + Vite WebExtension with HMR and polyfills. Use it for Chrome/Firefox/Edge extensions that share a React UI across popup and pages.

WebExtension

React

Vite

TypeScript

Hot Reload

Polyfill

ESLint

Prettier

About this template

This template provides a solid foundation for building webextension-react applications. It comes with all the essential tools and configurations to help you get started quickly.

The Web Extension React Boilerplate template is designed to help developers jumpstart their projects with best practices, modern tooling, and a well-structured codebase.

Key Benefits

Pre-configured development environment
Modern tooling and best practices
TypeScript support out of the box
Linting and formatting setup
Testing infrastructure ready to go

Quick Start

Get up and running in seconds

$ npx create-awesome-node-app \

--template web-extension-react-boilerplate

Template Details

Typewebextension-react

Categoryweb-extension

Compatible Extensions4

Compatible Extensions

Enhance your Web Extension React Boilerplate with these powerful extensions

Tooling

GitHub Setup

Automate GitHub workflows with Actions, Dependabot, and templates for issues and pull requests.

slsreactwebextension-reactmonorepobackendnestjs-backendnextjsnextjs-saas-ai

Compatible with:sls, react, webextension-react, monorepo, backend, nestjs-backend, nextjs, nextjs-saas-ai

Tooling

Husky + Lint Staged

Improve code quality with pre-commit hooks using Husky and Lint Staged.

slsreactwebextension-reactwebdriveriobackendnestjs-backendnextjsnextjs-saas-ai

Compatible with:sls, react, webextension-react, webdriverio, backend, nestjs-backend, nextjs, nextjs-saas-ai

Tooling

Development Container

Set up a development container with Docker and VSCode for consistent environments.

slsreactwebextension-reactmonorepowebdriveriobackendnestjs-backendnextjsnextjs-saas-ai

Compatible with:sls, react, webextension-react, monorepo, webdriverio, backend, nestjs-backend, nextjs, nextjs-saas-ai

Testing

Jest + React Testing Library

Add Jest and React Testing Library for unit and integration testing in React projects.

reactwebextension-reactnextjs

Jest

React Testing Library

Unit Testing

+2 more

Compatible with:react, webextension-react, nextjs

View All Extensions

Recommended Combinations

Get started quickly with these popular template and extension combinations