Foxeye-Rinx/react-vite-chrome-extension

Boilerplate for creating a Google Chrome Extension with React + Vitejs + TailwindCSS.

React + Vite Chrome Extension Starter

This project is a boilerplate for creating a Google Chrome Extension with React + Vitejs + TailwindCSS.

• React
• Vite
• Tailwind CSS

💡 Preview

📦 Requirements

• Nodejs v16 LTS

⚛️ Development

• Clone this repository

git clone https://github.com/timelessco/react-vite-chrome-extension

• Install dependencies

yarn install

• Start Development Server

yarn dev

💻 Production

• Building the chrome extension for production

yarn build

🚀 Usage

• You can find the chrome extension contents in the dist folder
• Open chrome://extension and turn on Developer Mode.
• Click the Load unpacked extension button.
• Now, select the dist folder.
• Your extension is ready to use.

🍔 Additional Details

• This boilerplate can be extended even further using Chrome Extension APIs
• You can use Content Scripts to inject content into the page or accessing the DOM conent.
• By using the Message Passing API, you can communicate with the content script and the popup.

💚 Message

I hope you find this useful. If you have any questions, please create an issue.

🎓 License

• MIT