{"repo":"yosevu/react-chrome-extension-template","free":true,"listed":false,"github":"https://github.com/yosevu/react-chrome-extension-template","clone":"git clone https://github.com/yosevu/react-chrome-extension-template.git","description":"A starter project to build Chrome extensions using React and TypeScript. Ideal for developers looking to create efficient and modern Chrome extensions with a focus on a clean development workflow using Vite and crxjs.","language":"TypeScript","stars":250,"topics":["chrome-extension","react","typescript","vite","content-script","popup","crxjs","developer-tools","hmr","web-development"],"license":null,"category":"dev-tools","readme_excerpt":"React Chrome Extension Template A minimal Chrome extension starter built with React 19, TypeScript, Vite, and Tailwind CSS. Quick Start Load in Chrome 1. Open chrome://extensions 2. Enable \"Developer mode\" (top right) 3. Click \"Load unpacked\" 4. Select the dist folder Project Structure Scripts Command Description --------- ------------- npm run dev Start development server with HMR npm run build Build for production npm run lint Run ESLint npm run setup Run setup wizard Customizing Icons Replace the files in public/icons/ with your own icon set: Background Service Worker The service worker ( src/background.ts ) demonstrates a minimal use case: increment a badge counter for quick visual feedback. Options Page An options page is available at options.html . The popup includes a button to open it, or you can open it from the extension details page. It also includes a \"Reset badge\" button to show background messaging. Demo: Extension Tour This template includes a tiny demo app that touches the core extension pieces: - Content script overlay injected on pages. - Popup buttons that message the content script and background. - Background service worker that updates the badge. - Options page that can trigger background actions. Quick tour: 1. Visit any page and spot the content script overlay. 2. Use \"Overlay\" in the popup (or the in-page Hide/Show controls). 3. Click \"Badge +\" in the popup or overlay to update the toolbar badge. 4. Open Settings and click \"Reset badge count\". Customi","default_branch":null,"files":null,"tree":[],"storefront":"/r/yosevu","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/yosevu/react-chrome-extension-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}