Chrome Extension Side panel Boilerplate

This repo is for Chrome Extension Side panel Boilerplate with React, React-router and Tailwind CSS.

Manifest v3: Built using Chrome's latest extension architecture.

You can get more info at developer.chrome.com.

For popup boilerplate visit github.com/01kartic/Chrome-Extension-Popup-Boilerplate

Installation

1. Clone the Repository

   git clone https://github.com/01kartic/chrome-extension-sidepanel-boilerplate.git
   cd chrome-extension-sidepanel-boilerplate

   or

   <> Code / Open with Github Desktop / Clone / Open in VS Code
   

2. Install Dependencies

   npm install

3. Build the Extension

   npm run build

4. Load the Extension into Chrome

   • Open Chrome and go to chrome://extensions/.
   • Enable "Developer mode" by toggling the switch in the top right corner.
   • Click "Load unpacked" and select the dist folder inside your project directory.

5. Start Developing

   npm run start

   The extension will be reloaded automatically as you make changes.

If found any issue write it down it issue or found useful then give star to it.