# JohnBra/vite-web-extension

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

Repository: https://github.com/JohnBra/vite-web-extension
Canonical: https://ross.abutalabs.com/products/vite-web-extension
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, tailwind, typescript, vite, boilerplate, chrome-addon, chrome-extension, firefox-addon, firefox-extension, react-19, react19, tailwindcss, template
Last push: 2025-11-10T04:07:15+00:00

## Health v2 (maintenance only)
Score: 57/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 51, release rhythm 40, longevity 100
- inputs: {"age_days": 1597, "days_push": 296, "days_rel": 630, "gap_med": 24, "n_releases_24m": 4}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1217, forks 153 (observed 2026-08-28T04:04:01.472664+00:00)

## What it is
A minimalist boilerplate/template repository for building Chrome and Firefox browser extensions using React 19, TypeScript, Vite, and Tailwind CSS 4. It includes all extension pages (popup, new tab, dev panel, etc.), Manifest V3 configs for both browsers, optional i18n, and a GitHub Action for building and zipping.

## Use cases
- start a new chrome extension project with react and typescript
- build a firefox addon with tailwind css
- scaffold a cross-browser web extension with manifest v3
- quickly set up a browser extension dev environment with hot reload
- create a chrome extension boilerplate with vite
- template for building browser extensions with react 19

## When to choose
- you want a minimal, modern React + TypeScript + Tailwind starting point for a Chrome or Firefox extension
- you need to target both Chrome and Firefox with Manifest V3 from one codebase
- you prefer Vite-based tooling with fast HMR for extension development

## When to avoid
- you need a framework other than React or styling other than Tailwind
- you need Manifest V2 support or Safari/Edge-specific extension features
- you want a batteries-included template with state management, routing, and testing preconfigured

## Facets
- artifact type: learning-resource
- maturity: active
- function: build-tool, frontend-framework, ui-components, css-framework, internationalization, developer-tools
- domain: browser-extensions, web-development, frontend, developer-tools, cross-platform
- platform: browser, browser-extension, cross-platform
- tags: chrome-extension, firefox-extension, vite, react-19, tailwindcss, manifest-v3, template, boilerplate, webextension-polyfill, boilerplate, nodejs, typescript

## Member repositories
- JohnBra/vite-web-extension (main) score 57

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:01.472664+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T08:33:21.603675+00:00, confidence not recorded.
  - readme: https://github.com/JohnBra/vite-web-extension (fetched 2026-08-28T04:04:01.472664+00:00, sha b8ae3bace749)
- Data as of 2026-08-30T08:39:29.467469+00:00.