Developer tools extensions

Developer tools extensions work with Isolate panes on, but you can add or remove them in both modes.

Right click the Devtools icon in the header to open the submenu and select "Devtools Extension manager". You can add, remove and reload/update devtools extensions via this manager.

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
  • Apollo Client Developer Tools
  • Backbone Debugger
  • Cycle.js
  • Ember Inspector
  • MobX Developers Tools
  • React Developer Tools
  • Redux DevTools
  • Vue.js devtools
  • 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).

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

Build your next project with Polypane

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