LogoA Template
icon of chrome-extension-boilerplate

chrome-extension-boilerplate

A Chrome/Firefox extension boilerplate using React, Typescript, Vite, and Turborepo for improved build speed and development experience.

Introduction

This boilerplate provides a solid foundation for building Chrome and Firefox extensions with modern web technologies.

Key features:

  • React 19: Utilizes the latest React library for building user interfaces.
  • TypeScript: Employs TypeScript for enhanced code maintainability and type safety.
  • Vite: Uses Vite as a build tool, offering fast build times and a streamlined development experience.
  • Tailwindcss: Uses Tailwindcss for styling
  • Turborepo: Integrates Turborepo for optimized build and dependency management in a monorepo setup.
  • Custom i18n package: Provides internationalization support.
  • Custom HMR plugin: Offers Hot Module Replacement for efficient development.
  • End-to-end testing: Includes end-to-end testing with WebdriverIO.

Use cases:

  • Rapidly prototyping new Chrome/Firefox extensions.
  • Creating extensions with complex UIs using React.
  • Building cross-browser extensions with a single codebase.
  • Developing extensions that require robust type checking and maintainability.
A template
Copy badages awards

Newsletter For A Template

Join the Community For A Template

Subscribe to A Template newsletter for the latest news and updates