Polypane

Stop resizing your browser

Use Polypane to see the full range of viewports for your site in a single overview. Resizing is as simple as dragging. See all viewports at once.

Detect CSS breakpoints. Automatically

Create panes from all the breakpoints in your CSS with Polypane's breakpoint detection. One click gives you a full overview of your CSS breakpoints, or a simplified view that covers the full range of your site.

Use popular device presets

With a list of popular device sizes, checking to see if your site or app renders well on user devices becomes easy and fast.

Switching between devices is easy, and you can also create your own.

Live reloading built in

You'll never have to refresh a page again with Polypane's built-in reloading. Your page will automatically refresh whenever you change a file. CSS and images are updated in-place without a refresh, like magic.

If live reloading doesn't work for you Polypane can also automatically reload the page at a set interval, and using your own hot reloading tools is supported too.

One-click full page screenshots

Generate a screenshot for a single pane, for an entire page or get a full overview of all your panes. Whichever you need, it takes a single click in Polypane.

Sync all your actions

Scrolling, clicks, navigation, hover styles and forms are automatically synced between all panes. Easily verify that your site works as intended on all viewports.

Powerful developer tools

Polypane has your back when it comes to debugging your website, with powerful and modern Chromium devtools and your favorite Devtools extensions like the React or Vue.js Devtools.

Layout debugging

Trying to fix a difficult layout bug? Toggle Layout debugging on and quickly find the element causing the issue.

Focus mode

Use focus mode to work on a website with a single view center stage. Quickly resize the pane to try out different sizes or zoom out to show a 4K screen on your laptop.

With the quick switcher you can quickly change between CSS breakpoints or your selected panes.

Zoom your entire browser

Sometimes you just need to fit a 4K screen and an iPhone side by side. Zoom individual panes, or your entire browser, to get the view you need.

And much more

  • Store your favorite pane sets in Workspaces
  • Customizable device presets
  • Clean UI mode for screencasts and demos
  • Layout stress-testing with random pane sizes
  • Tons of keyboard shortcuts
  • Reorder, resize and zoom individual panes
  • Size panes in pixels, or in EMs
  • Perfect with hot reloading tools
  • Monthly updates

Build high quality websites in half the time

Start your free 14 day trial
On Mac, Windows & Linux
 PolypaneChromeFirefox
Devtools
Dockable devtools
Devtools extensions
    
Rotate devices
Device presets
Customisable device presets
Basic auth support and management
    
View site in multiple viewports----
Browser resizing not needed----
Synced scrolling----
Synced interactions----
Easy to add/remove panes----
Freeform panes----
Size panes in EMs----
Re-order panes----
Zoom to fit panes----
    
Breakpoint detection----
Layout stress testing----
CSS layout debugging----
    
Fullscreen mode
Focus mode----
Clean mode----
Workspaces----
    
Full page screenshots
Viewport screenshots
Overview screenshots----
    
Hot reloading support
Live reloading built-in----
    
Basic auth support and management
Full documentation
Up to date rendering engine
Cross-platform
Browser extension for Chrome----
Browser extension for Firefox----

Build high quality websites in half the time

Start your free 14 day trial
Polypane screenshot
By using our site you agree to our privacy policy and disclaimer