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 → ymdevs → Web Extension Starter

ymdevs / Web Extension Starter

Licence: mit
Typescript, React, Redux, Styled-Component and Webpack based sample extension boilerplate. Runs on Chrome and Firefox. Sample chrome extension.

Programming Languages

typescript
32286 projects

Labels

reactreduxwebpackwebboilerplatechrome-extensionchromefirefoxextensionstyled-componentsfirefox-addonstarterfirefox-extension

Projects that are alternatives of or similar to Web Extension Starter

Web Extension Starter
🖥🔋Web Extension starter to build "Write Once Run on Any Browser" extension
Stars: ✭ 987 (+758.26%)
Mutual labels:  starter, extension, boilerplate, chrome-extension, chrome, firefox, firefox-addon
Mue
Fast, open and free-to-use new tab page for modern browsers
Stars: ✭ 56 (-51.3%)
Mutual labels:  extension, chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Bypass Paywalls Chrome
Bypass Paywalls web browser extension for Chrome and Firefox.
Stars: ✭ 20,876 (+18053.04%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Startpage
A minimal starpage for Chrome and Firefox
Stars: ✭ 240 (+108.7%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Ext Saladict
🥗 All-in-one professional pop-up dictionary and page translator which supports multiple search modes, page translations, new word notebook and PDF selection searching.
Stars: ✭ 8,418 (+7220%)
Mutual labels:  extension, chrome, firefox, firefox-addon, firefox-extension
Simpread
简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展
Stars: ✭ 5,352 (+4553.91%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Floccus
☁️ Sync your bookmarks privately across browsers
Stars: ✭ 2,630 (+2186.96%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
The Tab Of Words
A minimal Chrome / Firefox extension to help you learn Japanese words in each new tab.
Stars: ✭ 94 (-18.26%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Disable Javascript
Adds the ability to disable JavaScript on specific sites.
Stars: ✭ 151 (+31.3%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Extanalysis
Browser Extension Analysis Framework - Scan, Analyze Chrome, firefox and Brave extensions for vulnerabilities and intels
Stars: ✭ 351 (+205.22%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Vue Chrome Extension Boilerplate
Boilerplate for Chrome extension using Vue.js and Webpack with auto-reload enabled.
Stars: ✭ 171 (+48.7%)
Mutual labels:  webpack, extension, boilerplate, chrome-extension, chrome
Webextension Toolbox
Small CLI toolbox for cross-browser WebExtension development
Stars: ✭ 365 (+217.39%)
Mutual labels:  webpack, chrome-extension, chrome, firefox, firefox-extension
Markdown Viewer
Markdown Viewer / Browser Extension
Stars: ✭ 497 (+332.17%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Browser Addon
Kee adds free, secure and easy password management features to your browser which save time and keep your private data more secure.
Stars: ✭ 386 (+235.65%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Github Mermaid Extension
A browser extension for Chrome, Opera & Firefox that adds Mermaid language support to Github
Stars: ✭ 170 (+47.83%)
Mutual labels:  extension, chrome-extension, chrome, firefox, firefox-extension
Easy To Rss
🚀 Chrome/Firefox Extension to retreive RSS feeds URLs from WebSite, RSSHub supported
Stars: ✭ 386 (+235.65%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon, firefox-extension
Refined Bitbucket
Chrome and Firefox extension that improves Bitbucket's user experience
Stars: ✭ 560 (+386.96%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon
Nighttab
A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.
Stars: ✭ 598 (+420%)
Mutual labels:  extension, chrome-extension, chrome, firefox
Tracy
A tool designed to assist with finding all sinks and sources of a web application and display these results in a digestible manner.
Stars: ✭ 464 (+303.48%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon
Chrome Utm Stripper
Browser extension that strips Google Analytics (UTM) parameters, and various other click tracking tokens, from URL query strings
Stars: ✭ 590 (+413.04%)
Mutual labels:  chrome-extension, chrome, firefox, firefox-addon
View All Similar Projects ➔

Web Extension Starter

This project containes a minimal setup for developing a performant and well structured web extension. The extension contains a demonstration counter that is displayed on the popup and options pages as well as any open tab.

Good to know before using:

Requirements:

How to run:

In terminal or command prompt

install dependencies
 - npm install
Transpile the code
 - npm run dev (only transpiles the code)
 - npm run watch (transpiles and watches for code changes)


yarn commands will work too if yarn is installed.

In Chrome web browser

  1. Go to: chrome://extensions
  2. Toggle: "developer mode" on.
  3. Click on: "Load unpacked"
  4. Select the newly created folder "dist" from the project folder.
  5. Thats it.

In Firefox web browser

  1. Go to: about:debugging
  2. Select: "Enable add-on debugging"
  3. Click on: "Load Temporary Add-on…"
  4. Open the newly created folder "dist" from the project folder, and choose the "manifest.json" file.
  5. Thats it.

License

MIT

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