Queen Chrome Extension Template

Production-ready Chrome extension template with zero configuration

Quick Start • Features • Documentation

🎯 What You Get

A complete Chrome extension starter with:

• ✅ Manifest V3 - Latest Chrome standard (required 2025)
• ✅ React 19 - Modern UI with latest hooks
• ✅ TypeScript 5.9 - Full type safety
• ✅ Vite 7 - Lightning-fast builds & HMR
• ✅ Vitest 3 - Comprehensive testing suite
• ✅ ESLint 9 - Code quality (flat config)
• ✅ Prettier - Consistent formatting
• ✅ GitHub Actions - CI/CD ready
• ✅ Zero Warnings - Clean production builds
• ✅ Zero Vulnerabilities - Security first

🚀 Quick Start

```bash

Create new extension

npx @kenkaiiii/queen-chrome-ext my-extension

Navigate and install

cd my-extension npm install

Start development

npm run dev

Build for production

npm run build ```

Load in Chrome

1. Open `chrome://extensions`
2. Enable "Developer mode" (top right)
3. Click "Load unpacked"
4. Select the `dist/` folder

📦 Features

Complete Development Setup

``` ✨ Manifest V3 compliant 🔷 TypeScript configured ⚡ Vite with HMR ⚛️ React 19 with hooks 🧪 Vitest + Testing Library 🎨 ESLint + Prettier 🔒 Content Security Policy 📊 Bundle analyzer ready 🔄 Hot reload support 📦 Chrome Web Store ready ```

Scripts Included

| Command | Description | |---------|-------------| | `npm run dev` | Start development server | | `npm run build` | Build for production | | `npm run test` | Run test suite | | `npm run test:ui` | Visual test runner | | `npm run lint` | Check code quality | | `npm run format` | Format code | | `npm run validate` | Validate manifest | | `npm run zip` | Create Web Store ZIP |

📝 License

MIT © Kenkaiiii

🔗 Links

• NPM Package
• GitHub Repository
• Chrome Extension Docs

Built with ❤️ for Chrome Extension developers