upmostly / React Chrome Extension
Boilerplate code to build a Chrome extension in React
Stars: ✭ 112
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Chrome Extension
Cromos
Cromos is a tool for downloading legitimate extensions of the Chrome Web Store and inject codes in the background of the application.
Stars: ✭ 103 (-8.04%)
Mutual labels: chrome-extension
Darkreader
Dark Reader Chrome and Firefox extension
Stars: ✭ 12,052 (+10660.71%)
Mutual labels: chrome-extension
Remove Google Redirection
Remove redirection and click-tracking in Google search results.
Stars: ✭ 111 (-0.89%)
Mutual labels: chrome-extension
Cn2tw4programmer
將簡體中文中常用的 Computer Science 詞彙轉換成繁體中文的詞彙
Stars: ✭ 104 (-7.14%)
Mutual labels: chrome-extension
React Nativeish
React Native / React Native Web Boilerplate
Stars: ✭ 106 (-5.36%)
Mutual labels: chrome-extension
Codeblock Beautifier
A chrome extension for highlighting codes of Medium Articles
Stars: ✭ 109 (-2.68%)
Mutual labels: chrome-extension
Customrightclickmenu
A browser extension to add links and run scripts/stylesheets all from your right-click menu
Stars: ✭ 102 (-8.93%)
Mutual labels: chrome-extension
Paodin
Chrome / Firefox browser extension that integrates word translation, sentences collection, and words memory
Stars: ✭ 112 (+0%)
Mutual labels: chrome-extension
Gibbon Tabs
The Chrome tab manager you always wanted.
Stars: ✭ 107 (-4.46%)
Mutual labels: chrome-extension
Custom Javascript For Websites 2
Run custom JavaScript on any website
Stars: ✭ 109 (-2.68%)
Mutual labels: chrome-extension
Chrome Better History
Replace the default Chrome history with this better history plugin.
Stars: ✭ 103 (-8.04%)
Mutual labels: chrome-extension
Web Activity Time Tracker
Chrome Extension that tracks and limits time you spent on sites
Stars: ✭ 107 (-4.46%)
Mutual labels: chrome-extension
Chrome Tab Sugar
Organize and manage your tabs from a single page! - Firefox Panorama for Chrome
Stars: ✭ 102 (-8.93%)
Mutual labels: chrome-extension
Chrome Anki Quick Adder
This chrome extension provides the ability to create Anki cards directly from Google Chrome on your Anki Desktop.
Stars: ✭ 108 (-3.57%)
Mutual labels: chrome-extension
Youdao Collins Chrome Extension
A chrome extension to help you search english words in collins dict.
Stars: ✭ 112 (+0%)
Mutual labels: chrome-extension
Chrome Extension Starter Kit
A starter kit for developing chrome extensions with React.
Stars: ✭ 112 (+0%)
Mutual labels: chrome-extension
Simplified Twitter
Remove distractions from the new Twitter layout. Extension for Chrome, Firefox, Safari, Edge & More
Stars: ✭ 111 (-0.89%)
Mutual labels: chrome-extension
react-chrome-extension
This is the first in a series of React boilerplate projects to help web developers learn and understand React. This project actually came about as I was creating my latest project, StyleStash - Save Your favorite CSS Styles.
Video Code Walkthrough
If you're more of a visual learner, I've recorded a 20 minute video walkthrough of this project.
Local Testing
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Testing Inside Chrome
This project needs to be built in order to take advantage of the Chrome Extension API, such as using the Content script to get the extension's ID, or using the Chrome Storage API. These features cannot be used when running this project locally.
To load as a developer extension inside of Chrome:
-
npm run build
- Navigate to
chrome://extensions/in your browser
- Toggle the
Developer modeswitch on in the top right hand corner
- Click the
Load unpackedbutton in the top left corner
- Select the
buildfolder inside of this project folder
Builds the app for Chrome to the build folder.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].