Chrome Extension Boilerplate (Manifest V3 + TypeScript)

Ship your Chrome extension faster with this production-ready Manifest V3 starter

A complete, typed Chrome Extension boilerplate built with TypeScript and Manifest V3. Includes popup UI, background service worker, content script, options page, and typed message passing — everything wired and working out of the box.

What's included

• Manifest V3 — modern extension manifest with service worker
• Popup + Options pages — functional UIs ready to style
• Background service worker — coordinates messages and toolbar badge
• Content script — injects UI into pages with a safe shadow DOM
• Typed message passing — type-safe communication between all parts
• chrome.storage.sync — settings persistence across devices
• Build without Vite — simple tsc + asset copy, zero heavy tooling
• TypeScript strict — fully typed end-to-end

Quick Start

npm install
npm run build
# Load the dist/ folder in chrome://extensions (Developer mode)

Stack

TypeScript · Manifest V3 · chrome.storage · Shadow DOM

Use cases

• Browser productivity tools
• Page annotation and research tools
• Website scrapers and assistants
• Company-internal extensions