{"repo":"omribarmats/chrome-extension-starter","free":true,"listed":false,"github":"https://github.com/omribarmats/chrome-extension-starter","clone":"git clone https://github.com/omribarmats/chrome-extension-starter.git","description":"This is a starter project for creating Chrome extensions with Vite, React, TypeScript and Tailwind CSS","language":"HTML","stars":119,"topics":["chrome-extension","reactjs","starter-template","vite"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Chrome Extension Starter with Vite, React, TypeScript, and Tailwind CSS This project is a starter template for building modern Chrome extensions using Vite, React, TypeScript, and Tailwind CSS. It simplifies the setup so you can focus on building your extension's features. View tutorial on YouTube Features - Fast reloading develop UI faster, view the popup and options page - Vite for fast bundling and development - React for building interactive UI components - TypeScript for type-safe JavaScript development - Tailwind CSS for easy and responsive styling - chrome-types Chrome's API TS files for auto-completion Installation Clone this repository: Replace new-project with your project name Open the new directory: Install dependencies: Start the development server: Load the Extension 1. Run the build command: npm run build. 2. Go to chrome://extensions/ in your Chrome browser. 3. Enable Developer mode . 4. Click Load unpacked and select the dist folder from the project. Development - Hot-reload enabled for easier development. - Modify your code in the src folder. - Tailwind CSS is already configured and ready to use. - Run npm run build to implement changes to dist folder - Go on chrome://extensions/ and click refresh ⟳ How to change the popup? - Go on src/chrome-extension/popup/index.tsx - Once changes are made open the terminal and run npm run build then visit chrome://extensions/ and click the refresh ⟳ button on your extension How to change the options page? - Go on src/chro","default_branch":null,"files":null,"tree":[],"storefront":"/r/omribarmats","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/omribarmats/chrome-extension-starter/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."}