vite-web-extension

Web extension template to build Chrome and Firefox extensions quickly. Setup with React 19, Typescript and TailwindCSS

reactchrome-extensiontemplateboilerplatetypescriptfirefox-addonfirefox-extensionchrome-addontailwindtailwindcssvitereact19
FreeRepo

Preview

vite-web-extension preview

Overview

This boilerplate provides a minimal starter template for building Chrome and Firefox extensions using React, TypeScript and Tailwind CSS with Vite as the build tool. It includes pre-configured pages for common extension features like popups and dev panels, supports both browsers with Manifest V3 and offers optional internationalization and cross-browser compatibility through polyfills.

Features

chrome-extension-manifest-v3firefox-extension-supportreact-19typescripttailwindcss-4i18n-optionalcross-browser-polyfilleslintgithub-actions-workflowchrome-local-storage-hookmultiple-extension-pagesdev-tools-pagepopup-pagenew-tab-pageside-panel-page

Feature Flags

ecommercefileUploadsauthorizationi18npwa

Recommended Use Cases

chrome-extension-developmentfirefox-addon-developmentbrowser-extension-projectsquick-extension-prototyping

Frontend

reacttypescripttailwindcssvite

Backend

None

Auth Providers

None

Deployment Targets

chrome-web-storefirefox-add-ons

Payment Providers

None

Quick Facts

โญ Stars
974
๐Ÿด Forks
130
๐Ÿ”„ Active
Unknown
๐Ÿ•’ Last Commit
2024-12-12T01:39:03Z

Stack

Framework
react
Language
typescript
CSS
tailwindcss
i18n
i18n

Data Layer

UI Stack

Styling
tailwindcss

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
No
CI
github-actions

Pricing

Classification
free
Selected
โ€”
Notes
Open source template repository
Get Started with this Boilerplate