{"repo":"ThomasKiljanczykDev/Chrome-Extension-Boilerplate-React-Vite","free":true,"listed":false,"github":"https://github.com/ThomasKiljanczykDev/Chrome-Extension-Boilerplate-React-Vite","clone":"git clone https://github.com/ThomasKiljanczykDev/Chrome-Extension-Boilerplate-React-Vite.git","description":"A Vite 7 boilerplate for building Chrome Extensions. Uses React 19, TypeScript, Chrome Extension Manifest V3 and more.","language":"TypeScript","stars":14,"topics":["boilerplate","chrome-extension","chrome-extension-boilerplate","crxjs","react","react-boilerplate","typescript","vite","javascript"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Chrome Extension (MV3) Boilerplate with React 19 and Vite 7 This repository contains a boilerplate for building Chrome Extensions with React 19, TypeScript, and Vite 7. This boilerplate is inspired by and adapted from chrome-extension-boilerplate-react. Features This is a basic Chrome Extensions boilerplate to help you write modular and modern Javascript code and load CSS easily. This boilerplate is using: - Chrome Extension Manifest V3 - React 19 - MUI - CRXJS Vite Plugin - ESLint: - eslint-plugin-react - eslint-config-prettier - eslint-plugin-simple-import-sort - typescript-eslint - Prettier - TypeScript - TanStack Router Please open up an issue to nudge me to keep the npm packages up-to-date. Installing and Running Procedures: 1. Check if your Node.js version is = 18 . 2. Clone this repository. 3. Change the package's name , description , and repository fields in package.json . 4. Change the name of your extension in manifest.json . 5. Run yarn install to install the dependencies. 6. Run yarn build 7. Load your extension on Chrome following: 1. Access chrome://extensions/ 2. Turn the Developer mode switch on (top right corner) 3. Click on Load unpacked 4. Select the dist folder. 8. Happy hacking. Structure All your extension's code must be placed in the src folder. The boilerplate is already prepared to have a popup, a background script, and a content script. This example Chrome extension implements logic which lets the user scrape the page title. It was done so to demonst","default_branch":null,"files":null,"tree":[],"storefront":"/r/ThomasKiljanczykDev","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ThomasKiljanczykDev/Chrome-Extension-Boilerplate-React-Vite/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."}