CINXE.COM
Developer Hub :: Add-ons for Firefox
<!DOCTYPE html> <html lang="en-US" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Developer Hub :: Add-ons for Firefox</title> <link rel="shortcut icon" type="image/x-icon" href="https://addons.mozilla.org/static-server/img/favicon.8e0bafe51310.ico"> <link title="Firefox Add-ons" rel="search" type="application/opensearchdescription+xml" href="/en-US/firefox/opensearch.xml" /> <link rel="stylesheet" media="all" href="https://addons.mozilla.org/static-server/css/common/fonts-min.32eb275dee69.css" /> <link rel="stylesheet" media="all" href="https://addons.mozilla.org/static-server/css/devhub/new-landing/css-min.e77647f6f2ab.css" /> <link rel="stylesheet" media="all" href="https://addons.mozilla.org/static-server/css/common/footer-min.0c44aca47b03.css" /> <script src="https://addons.mozilla.org/static-server/js/preload-min.6784dedf11e8.js"></script> </head> <body class="html-ltr firefox " > <nav id="nav-menu" class="DevHub-Navigation content scheme-light"> <div class="DevHub-Navigation-list-wrapper"> <ul> <li class="DevHub-Navigation-Logo-And-Close"> <div class="DevHub-Navigation-Logo"> <a href="/en-US/developers/" class="Logo"> <span>Add-on Developer Hub</span> </a> </div> <div class="DevHub-Navigation-Close"><a href="#">✖</a></div> </li> <li class="in-hamburger-menu"><a href="https://extensionworkshop.com/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=devhub-menu-link"> Extension Workshop </a></li> <li class="in-hamburger-menu"><a href="https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions?utm_source=addons.mozilla.org&utm_medium=devhub&utm_content=header"> Documentation </a></li> <li class="in-hamburger-menu"><a href="https://wiki.mozilla.org/Add-ons#Get_in_touch"> Support </a></li> <li class="in-hamburger-menu flex-grow"><a href="https://blog.mozilla.org/addons/"> Blog </a></li> <li class="DevHub-Navigation-Open"> <a href="#nav-menu">☰</a> </li> <li class="in-hamburger-menu DevHub-Navigation-Register"> <a class="Button" href="https://addons.mozilla.org/api/v5/accounts/login/start/?to=%2Fen-US%2Fdevelopers%2F">Submit or Manage Extensions</a> </li> </ul> </div> </nav> <section class="DevHub-Overview content scheme-medium"> <div> <h1>Customize Firefox</h1> <p> Whether you’re new to extension development, polishing up or porting an existing extension or theme, or creating a custom enterprise solution, we’ve got the resources to support you. </p> <a href="https://extensionworkshop.com" class="Button Button--primary">Learn how to make an extension</a> </div> </section> <section class="DevHub-submit-addon content scheme-default"> <div class="DevHub-content-container submit-or-manage"> <div class="DevHub-content-copy"> <h2 class="DevHub-content-header DevHub-content-header--submit-or-manage">Ready to submit or manage your extension?</h2> <div class="Color-Rule"></div> <p> Sign in to the Developer Hub to submit or manage extensions and themes. </p> <a href="https://addons.mozilla.org/api/v5/accounts/login/start/?to=%2Fen-US%2Fdevelopers%2F">Register for a developer account or log in to the Developer Hub</a> </div> <div class="DevHub-content-image-wrapper DevHub-content-image-wrapper--submit-or-manage"> <img class="DevHub-content-image DevHub-content-image--submit-or-manage" src="https://addons.mozilla.org/static-server/img/developers/new-landing/mozlondon_photo.3a5a365dc2e4.jpeg" alt="developers working on add-ons"> </div> </div> </section> <section class="DevHub-get-involved content scheme-default"> <div class="DevHub-content-container DevHub-content-container--get-involved"> <div class="DevHub-callout-box DevHub-callout-box--get-involved"> <div class="DevHub-content-image-wrapper DevHub-content-image-wrapper--get-involved"> <img class="DevHub-content-image DevHub-content-image--get-involved" src="https://addons.mozilla.org/static-server/img/developers/new-landing/get-involved.533bf44e77de.svg" alt=""> </div> <div> <h3>Get involved</h3> <p> Connect with thousands of developers and discover more ways you can contribute to the extension ecosystem. </p> <a href="https://wiki.mozilla.org/Add-ons/Contribute">Learn more about the developer community</a> </div> </div> </div> </section> <section class="DevHub-Connect content scheme-dark"> <div class="DevHub-content-container DevHub-content-container--Connect"> <div class="DevHub-content-header DevHub-content-header--Connect"> <h2>Connect with us</h2> </div> <div class="DevHub-content-copy Devhub-content-copy--Connect"> <div class="DevHub-Connect-section"> <h4>Twitter</h4> <ul class="DevHub-content-copy--Connect-twitter-list"> <li>For developers:<a class="Before-Icon Before-Icon-twitter" href="https://twitter.com/mozamo">@mozamo</a></li> <li>For end users:<a class="Before-Icon Before-Icon-twitter" href="https://twitter.com/rockyourfirefox">@rockyourfirefox</a></li> </ul> </div> <div class="DevHub-Connect-section"> <h4>More</h4> <ul> <li><a class="Before-Icon Before-Icon-matrix" href="https://chat.mozilla.org/#/room/#addons:mozilla.org">Matrix</a></li> <li><a class="Before-Icon Before-Icon-matrix" href="https://discourse.mozilla.org/c/add-ons/">Community forum</a></li> </ul> </div> <div class="DevHub-Connect-section"> <h4>Extensions Developers Newsletter</h4> <p>Stay up-to-date on news and events for Firefox extension developers. </p> <form class="DevHub-Connect-newsletter-form" id="newsletter_form" name="newsletter_form" action="https://www.mozilla.org/en-US/newsletter/" method="post" data-no-csrf> <input type="hidden" id="fmt" name="fmt" value="H"> <input type="hidden" id="newsletters" name="newsletters" value="about-addons"> <div id="newsletter_errors" class="newsletter_errors"></div> <div id="newsletter_email" class="form_group"> <label for="email">Email Address</label> <input type="email" id="email" name="email" class="form_input" required placeholder="Email Address" size="30"> </div> <div id="newsletter_privacy" class="form_group form_group-agree"> <input type="checkbox" id="privacy" name="privacy" required> <label for="privacy"> I’m okay with Mozilla handling my info as explained in this <a href="https://www.mozilla.org/privacy/websites/" target="_blank" rel="noopener noreferrer">Privacy Notice</a>. </label> </div> <div id="newsletter_submit"> <button type="submit" class="button btn-success">Sign Up</button> </div> </form> <div id="newsletter_thanks" class="newsletter_thanks"> <h2>Thanks!</h2> <p>If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. </p> </div> </div> </div> </div> </section> <footer class="Footer"> <div class="Footer-wrapper"> <div class="Footer-mozilla-link-wrapper"> <a class="Footer-mozilla-link" href="https://mozilla.org/" title="Go to Mozilla's homepage"><span class="Icon Icon-mozilla Footer-mozilla-logo"><span class="visually-hidden">Go to Mozilla's homepage</span></span></a> </div> <section class="Footer-amo-links"> <h4 class="Footer-links-header"><a href="/en-US/firefox/">Add-ons</a></h4> <ul class="Footer-links"> <li><a href="/en-US/about">About</a></li> <li><a href="https://addons.mozilla.org/blog/">Firefox Add-ons Blog</a></li> <li><a class="Footer-extension-workshop-link" href="https://extensionworkshop.com/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link">Extension Workshop</a></li> <li><a href="/en-US/developers/">Developer Hub</a></li> <li><a href="https://extensionworkshop.com/documentation/publish/add-on-policies/?utm_source=addons.mozilla.org&utm_medium=photon-footer">Developer Policies</a></li> <li><a href="https://blog.mozilla.com/addons">Community Blog</a></li> <li><a href="https://discourse.mozilla-community.org/c/add-ons">Forum</a></li> <li><a class="Footer-bug-report-link" href="https://addons.mozilla.org/about">Report a bug</a></li> <li><a href="/en-US/review_guide">Review Guide</a></li> </ul> </section> <section class="Footer-browsers-links"> <h4 class="Footer-links-header">Browsers</h4> <ul class="Footer-links"> <li><a href="https://www.mozilla.org/firefox/new/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link">Desktop</a></li> <li><a href="https://www.mozilla.org/firefox/mobile/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link">Mobile</a></li> <li><a href="https://www.mozilla.org/firefox/enterprise/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link">Enterprise</a></li> </ul> </section> <section class="Footer-products-links"> <h4 class="Footer-links-header">Products</h4> <ul class="Footer-links"> <li><a href="https://www.mozilla.org/firefox/browsers/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link">Browsers</a></li> <li><a href="https://www.mozilla.org/products/vpn/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link#pricing">VPN</a></li> <li><a href="https://relay.firefox.com/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link">Relay</a></li> <li><a href="https://monitor.firefox.com/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link">Monitor</a></li> <li><a href="https://getpocket.com/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=footer-link">Pocket</a></li> </ul> <ul class="Footer-links Footer-links-social"> <li class="Footer-link-social"><a href="https://twitter.com/firefox"><span class="Icon Icon-twitter"><span class="visually-hidden">Twitter (@firefox)</span></span></a></li> <li class="Footer-link-social"><a href="https://www.instagram.com/firefox/"><span class="Icon Icon-instagram"><span class="visually-hidden">Instagram (Firefox)</span></span></a></li> <li class="Footer-link-social"><a href="https://www.youtube.com/firefoxchannel"><span class="Icon Icon-youtube"><span class="visually-hidden">YouTube (firefoxchannel)</span></span></a></li> </ul> </section> <ul class="Footer-legal-links"> <li><a class="Footer-privacy-link" href="https://www.mozilla.org/privacy/websites/">Privacy</a></li> <li><a class="Footer-cookies-link" href="https://www.mozilla.org/privacy/websites/">Cookies</a></li> <li><a class="Footer-legal-link" href="https://www.mozilla.org/about/legal/amo-policies/">Legal</a></li> </ul> <p class="Footer-copyright">Except where otherwise <a href="https://www.mozilla.org/about/legal/">noted</a>, content on this site is licensed under the <a href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution Share-Alike License v3.0</a> or any later version.</p> <div class="Footer-language-picker"> <div class="LanguagePicker"> <form class="languages go" id="lang_form" method="get" action="" data-no-csrf> <label for="language">Other languages</label> <select id="language" name="lang" dir="ltr"> <option value="af"> Afrikaans </option><option value="ar"> عربي </option><option value="ast"> Asturianu </option><option value="az"> Azərbaycanca </option><option value="bg"> Български </option><option value="bn"> বাংলা </option><option value="bs"> Bosanski </option><option value="ca"> Català </option><option value="cak"> Maya Kaqchikel </option><option value="cs"> Čeština </option><option value="da"> Dansk </option><option value="de"> Deutsch </option><option value="dsb"> Dolnoserbšćina </option><option value="el"> Ελληνικά </option><option value="en-ca"> English (Canadian) </option><option value="en-gb"> English (British) </option><option value="en-us" selected> English (US) </option><option value="es"> Español </option><option value="et"> Eesti keel </option><option value="eu"> Euskara </option><option value="fa"> فارسی </option><option value="fi"> suomi </option><option value="fr"> Français </option><option value="fy-nl"> Frysk </option><option value="ga-ie"> Gaeilge </option><option value="gu"> ગુજરાતી </option><option value="he"> עברית </option><option value="hr"> Hrvatski </option><option value="hsb"> Hornjoserbsce </option><option value="hu"> magyar </option><option value="id"> Bahasa Indonesia </option><option value="it"> Italiano </option><option value="ja"> 日本語 </option><option value="ka"> ქართული </option><option value="kab"> Taqbaylit </option><option value="ko"> 한국어 </option><option value="lt"> Lietuvių </option><option value="lv"> Latviešu </option><option value="mk"> Македонски </option><option value="mn"> Монгол </option><option value="ms"> Melayu </option><option value="mt"> Malti </option><option value="nb-no"> Norsk bokmål </option><option value="nl"> Nederlands </option><option value="nn-no"> Norsk nynorsk </option><option value="pa-in"> ਪੰਜਾਬੀ (ਭਾਰਤ) </option><option value="pl"> Polski </option><option value="pt-br"> Português (do Brasil) </option><option value="pt-pt"> Português (Europeu) </option><option value="ro"> Română </option><option value="ru"> Русский </option><option value="si"> සිංහල </option><option value="sk"> slovenčina </option><option value="sl"> Slovenščina </option><option value="sq"> Shqip </option><option value="sv-se"> Svenska </option><option value="te"> తెలుగు </option><option value="th"> ไทย </option><option value="tr"> Türkçe </option><option value="uk"> Українська </option><option value="ur"> اُردو </option><option value="vi"> Tiếng Việt </option><option value="zh-cn"> 中文 (简体) </option><option value="zh-tw"> 正體中文 (繁體) </option> </select> <noscript><button type="submit">Go</button></noscript> </form> </div> </div> </div> </footer> <div id="tooltip"> <span></span> </div> <script src="https://addons.mozilla.org/static-server/js/i18n/en-US.c02a488b11c2.js"></script> <script src="https://addons.mozilla.org/static-server/js/devhub/new-landing/js-min.e9beb490ac5f.js"></script> </body> </html>