🔥FLASH SALE: 30% OFF everything!
LogoTemplateFame
icon of chrome-extension-boilerplate-react-vite

chrome-extension-boilerplate-react-vite

Kickstart Chrome extension development with React, Typescript, and Vite. This boilerplate offers fast builds and a streamlined workflow using Turborepo.

Introduction

This boilerplate provides a solid foundation for building Chrome and Firefox extensions using React and TypeScript. Leveraging Vite and Turborepo, it significantly enhances build speed and development workflow. Key features include React, TypeScript, Tailwindcss, Vite with Rollup, Turborepo, Prettier, ESLint, Chrome Extensions Manifest V3, a custom i18n package, a custom HMR plugin, and end-to-end testing with WebdriverIO. It offers a modular structure with dedicated directories for background scripts, content scripts, popup pages, and options pages. Shared packages like 'dev-utils', 'env', 'hmr', 'i18n', 'shared', 'storage', 'tailwind-config', 'tsconfig', 'ui', and 'vite-config' promote code reuse and maintainability. The boilerplate also includes utilities for zipping the extension and managing modules, making it easy to package and deploy your extension.

Information

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates