GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → FullStack-Academy-Kiev → React Chrome Extension

FullStack-Academy-Kiev / React Chrome Extension

Chrome Extension boilerplate with ReactJS and vanilla JS examples

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreactjschrome-extensionchrome

Projects that are alternatives of or similar to React Chrome Extension

Funds
自选基金助手是一款Chrome扩展，用来快速获取关注基金的实时数据，查看自选基金的实时估值情况
Stars: ✭ 1,367 (+920.15%)
Mutual labels:  chrome-extension, chrome
Wikipediap2p
WikipediaP2P.org Chrome Extension
Stars: ✭ 105 (-21.64%)
Mutual labels:  chrome-extension, chrome
Tabfern
Google Chrome extension for saving and restoring sets of tabs, and for switching between windows and tabs from a vertical, grouped list.
Stars: ✭ 102 (-23.88%)
Mutual labels:  chrome-extension, chrome
Booklight
Your Chrome Alfred - An Extension to provide spotlight-like interface for your bookmarks
Stars: ✭ 98 (-26.87%)
Mutual labels:  chrome-extension, chrome
Web Extension Starter
Typescript, React, Redux, Styled-Component and Webpack based sample extension boilerplate. Runs on Chrome and Firefox. Sample chrome extension.
Stars: ✭ 115 (-14.18%)
Mutual labels:  chrome-extension, chrome
Save In
WebExtension for saving media, links, or selections into user-defined directories
Stars: ✭ 99 (-26.12%)
Mutual labels:  chrome-extension, chrome
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 (-23.13%)
Mutual labels:  chrome-extension, chrome
Podstation
podStation is a web podcast aggregator for Chrome.
Stars: ✭ 76 (-43.28%)
Mutual labels:  chrome-extension, chrome
Urql Devtools
A tool for monitoring and debugging urql during development
Stars: ✭ 131 (-2.24%)
Mutual labels:  chrome-extension, chrome
Ctool
程序开发常用工具 chrome 扩展
Stars: ✭ 111 (-17.16%)
Mutual labels:  chrome-extension, chrome
The Tab Of Words
A minimal Chrome / Firefox extension to help you learn Japanese words in each new tab.
Stars: ✭ 94 (-29.85%)
Mutual labels:  chrome-extension, chrome
Editchromethemes
A guide to editing Chrome themes
Stars: ✭ 118 (-11.94%)
Mutual labels:  chrome-extension, chrome
Chrome Extension Guide
Chrome 扩展(插件) 开发官方文档中文版翻译
Stars: ✭ 85 (-36.57%)
Mutual labels:  chrome-extension, chrome
Sillynium
Automate the creation of Python Selenium Scripts by drawing coloured boxes on webpage elements
Stars: ✭ 100 (-25.37%)
Mutual labels:  chrome-extension, chrome
Website Blocker Chrome.ext
Website Blocker for Chrome Extension
Stars: ✭ 80 (-40.3%)
Mutual labels:  chrome-extension, chrome
Customrightclickmenu
A browser extension to add links and run scripts/stylesheets all from your right-click menu
Stars: ✭ 102 (-23.88%)
Mutual labels:  chrome-extension, chrome
Pixivbatchdownloader
Chrome 扩展，批量下载 Pixiv 的插画和小说。过滤作品、下载时重命名、转换动态图片等。Powerful Pixiv batch downloader. Batch download artworks and novels, filter works, rename when downloading, convert animated images, and more.
Stars: ✭ 1,109 (+727.61%)
Mutual labels:  chrome-extension, chrome
Vbookmarks
A successor of Neat Bookmarks.
Stars: ✭ 61 (-54.48%)
Mutual labels:  chrome-extension, chrome
Gibbon Tabs
The Chrome tab manager you always wanted.
Stars: ✭ 107 (-20.15%)
Mutual labels:  chrome-extension, chrome
Vertical Tabs Chrome Extension
A chrome extension that presents your tabs vertically. Problem solved.
Stars: ✭ 117 (-12.69%)
Mutual labels:  chrome-extension, chrome
View All Similar Projects ➔

alt text

This Chrome Extension was bootstrapped with Create React App.

  1. npm i
  2. yarn build
  3. Go to chrome://extensions in Chrome
  4. Ensure that the Developer mode checkbox in the top right-hand corner is checked
  5. Click Load unpacked extension to pop up a file-selection dialog & select directory build in your repository.
  6. Ensure that the enabled box next to your chrome extension is checked so you can see it in action

Doc Instruction - chrome extension docx

React App in Popup - master branch

React App in Content Script - react-content-script branch (to see App go to https://www.google.com/)

Vanila JS example for Popup in branch popup, content setting in content-settings and context menu in branch contextmenu

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].