react-chrome-extension
chrome extension boilerplate with ReactJs using inject page strategy
javascriptchrome-extensionboilerplatereactjsiframecontent-scriptinject-pagereact
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
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