React TypeScript + Vite Chrome Extension Starter

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

• React
• Vite
• Tailwind CSS
• TypeScript

:bulb: Preview

:package: Requirements

• Nodejs v18+ LTS

:atom_symbol: Development

• Clone this repository

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

• Install dependencies

pnpm install

• Start Development Server

pnpm dev

:computer: Production

• Building the chrome extension for production

pnpm build

:rocket: 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.

:hamburger: 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.

:green_heart: Message

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

:mortar_board: License

• MIT