Polypane and local servers

Polypane works really well with automatic reloading tools like Browsersync or hot module reloading and can be easily started from code editors like Atom, Whisk and VS Code.

For more advanced integrations, check out Integrations

Browsersync

Though Polypane works with browsersync, we recommend turning it off and replacing it with the native functionality in Polypane. Read our migrating from Browsersync to Polypane docs to help migrate.

When Polypane detects Browsersync with ghostMode turned on, we automatically disable scroll syncing. We do this because Browsersync is slightly slower than Polypane's scroll syncing, and so it continuously undoes the scroll syncing Polypane did, leading to a very frustrating experience.

To launch Polypane when you start Browsersync, add --browser 'polypane' to your CLI command. (Depending on your operating system you might need to provide the full path). Polypane will automatically start with the right URL when you launch Browsersync.

This also works with opn, webpack-dev-server and similar tools.

General SPA support

Polypane supports the history api so it works great out of the box with SPA routers that work without full page reloads.

Other tools

Other tools known to work well with Polypane are Ghostlab and Bootstrap Studio. If you know more tools that work well with Polypane, let us know!