react-chrome-extension

chrome extension boilerplate with ReactJs using inject page strategy

javascriptchrome-extensionboilerplatereactjsiframecontent-scriptinject-pagereact

Preview

react-chrome-extension preview

Overview

This is a React-based boilerplate for building Chrome extensions that inject into web pages as sidebars rather than using Chrome's default popup interface. It uses React for component development, isolates styles with iframes to prevent conflicts with host pages and includes build tooling with watch mode for development, SASS support and Chrome messaging API integration.

Features

content-script-injectioniframe-css-isolationchrome-messaging-apireact-routingsidebar-injectionwebpack-configuration

Feature Flags

authenticationblogecommerceauthorizationteamsOrgssearchpwaformsValidationmultitenancy

Recommended Use Cases

chrome-extension-developmentbrowser-automationpage-enhancementcontent-injection

Frontend

reactjavascript

Backend

None

Auth Providers

None

Deployment Targets

renderchrome-web-store

Payment Providers

None

Quick Facts

⭐ Stars
648
🍴 Forks
135
🧾 License
mit
🔄 Active
Unknown

Stack

Framework
react
Language
javascript
CSS
sass

Data Layer

UI Stack

Styling
sass
Components
react

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
No

Pricing

Classification
free
Selected
Notes
Open source project under MIT license
Get Started with this Boilerplate