A simple React implementation of a Chrome Extension Template for a foldable side panel. Using Parcel, TailwindCSS and TypeScript for development. Optimized to fit most of the modern webpage and save setting to chrome storage.
Check the demo in this here.
Screen.Recording.2022-09-11.at.9.36.01.PM.mp4
# clone the repo
git clone https://github.com/vincecao/react-chrome-extension-template-side-panel.git && cd react-chrome-extension-template-side-panel
# install needed package
yarn
# add logo under /public/manifest.json
# for local test
yarn start
# then open localhost:1234
# build the extension
yarn build
- After build process, open Chrome or any chromium based browser
- Go to manage extension page
- Toggle
Developer mode - Choose Load unpacked option for
/publishfolder or unzip latest release file.