awesome-chrome-extension-boilerplate
Use react + typescript + webpack to enhance your chrome extension development experience
reactchrome-extensiontemplateboilerplatechromeawesometypescriptwebpackhot-reloadreact-devtoolsreact-hookseslint
FreeRepo
Preview
Overview
This is a development template for building Chrome extensions using React, TypeScript and webpack with Manifest V3 support. It provides automatic hot reloading for content scripts, React DevTools integration for options and popup pages, TypeScript-based webpack configuration, CSS preprocessing support and pre-optimized bundling for common libraries like jQuery, Lodash and Ant Design.
Features
hot-reloadcontent-scripts-auto-reloadreact-devtools-supportreact-fast-refreshmanifest-v3webpack-configurationtypescript-webpack-configcss-extractiondev-server-proxybuild-analysis
Feature Flags
blogpwahotReloaddevtoolseslinthuskyformatImportsstylelint
Recommended Use Cases
chrome-extension-developmentbrowser-extension-projects
Frontend
reacttypescriptwebpackjquerylodashantdnormalize.css
Backend
None
Auth Providers
None
Deployment Targets
chrome-web-store
Payment Providers
None
Quick Facts
⭐ Stars
428
🍴 Forks
46
🔄 Active
Unknown
🕒 Last Commit
2024-08-01T17:24:18.000Z
Stack
Framework
react
Language
typescript
CSS
sass, less, css
CI
travis
Data Layer
UI Stack
Styling
sass
Components
react
Developer Experience
Docker
No
Tests
No
Quickstart
Yes
env.example
No
CI
travis
Pricing
Classification
free
Selected
—
Notes
Open source boilerplate template