Developer tools extensions

To open the Devtools Extension manager, go to the "Edit" main menu, then "configurators", then "Devtools extensions", right click the Devtools icon in the header to open the submenu and select "Devtools Extension manager", or click the button in the devtools pane. You can add, remove and reload/update devtools extensions via this manager.

When you reload devtools we automatically fetch the latest version from the Chrome web store.

Supported extensions

To add a devtool, Select the name of one of the preconfigured devtools in the form and click the plus button. We currently have the following devtools preconfigured:

  • Angularjs Batarang
  • Angular State Inspector
  • Alpinejs devtools
  • Apollo Client Developer Tools
  • Backbone Debugger
  • CSS Stacking Context
  • Cycle.js
  • Ember Inspector
  • MobX Developers Tools
  • React Developer Tools
  • Redux DevTools
  • Vue.js devtools
  • Vue Devtools beta
  • jQuery Debugger
  • Svelte Developer Tools
  • Preact DevTools
  • Meteor DevTools

Chrome webstore ID

You can also fill in a Chrome webstore ID and we will fetch the specified developer tool. Please be aware we can't guarantee these will work. To find a Chrome webstore id, search for the extension in the Chrome store. The URL will look like this:

chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

You will need just the bolded part, or the last part after the slash (without the ?hl= part).

Note: Devtools extensions do not work in legacy mode.

Is your question not answered?
Ask via Twitter, Slack or our contact form

Build your next project with Polypane

  • Try all plans, all features
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Start free trialView pricing
Polypane screenshot