Why Polypane

Everything you need in one developer tool.

Powerful devtools, multiple synced viewports, full-height screenshots, over two dozen debug tools, device and media query emulation, built-in live-reloading and more.

Viewport Sizes

Mobile screens to 5K monitors, get all viewports in one overview.

Accessibility

Over 80 accessibility tests, 14 different emulators and two dozen tools.

Side by side

Dark and light, reduced motion, screen and print. No more manual switching!

Multiple panes

Never resize your browser again

Emulate real devices, use your responsive CSS breakpoints or pick your own dimensions. No resizing needed.

Synced panes

Syncs all your interactions

Your keyboard and mouse interactions are synced between all viewports. Scrolling, hovers, clicks and form input, you only need to do it once.

Chromium devtools

Powerful developer tools

Developer tools like you're used to from Chromium, with support for devtools extensions like React, Vue, Angular, Svelte and more.

Emulation

Device emulation, without the hassle

Emulate popular devices with a single click. Touch emulation, toggle network conditions, switch between light and dark modes on the fly and send custom headers for each pane.

Emulation

Dark mode media query ready

Develop your site in light and dark mode at the same time, both in view and synced together. There is no faster way to build sites with dark and light mode.

Make your browser work for you

Element panel & Live CSS panel

Edit all panes at the same time

Make changes to all panes at once using our Elements panel and Live CSS editor. We'll automatically import any Google font you use for quick prototyping.

Layouts

Get the full overview, your way

Line your viewports up horizontally or vertically, focus in on a single viewport in focus layout or get the classic browser style in our full layout. Your choice.

Browse panel

Handoff right where you need it

Your favorite handoff tools are right inside Polypane, side-by-side with your site or app.

Browse panel

Documentation on the side

Quickly show documentation or references in the side browser, so you don't have to lose sight of your project. That's right, there's a browser in our browser.

Everything you need to make great web experiences in a single app.

Media features

Detect CSS breakpoints
Automatically

Use the CSS breakpoints in your stylesheets to automatically generate viewports for every view your site supports.

Chromium devtools

Your favorite DevTools extensions

Install and use your favorite devtools, with support for React DevTools, Vue.js DevTools, Redux DevTools, Angular, Svelte and many more.

zero configuration

Intelligent Live and Hot reloading
For everyone

Live reloading for any development environment, from plain HTML to Wordpress to React or Vue. CSS and images even update without a page refresh.

Debugging an issue becomes quick and easy

Debug tools

Custom debug tools for each pane

Over 25 debug tools let you easily check contrast and accessibility, edit your page visually and get insights into your page structure.

Meta panel

Social media previews and meta info

Live previews of how your site looks when shared on social media. All your meta information is visible so you catch typos and missing info in a glance.

Outline panel

Let your browser tell you which links are broken.

Polypane automatically checks all the links on your page and if they're broken, redirect or have referrer issues, we'll let you know.

Reference image

Build pixel perfect sites

Compare an image with the expected design to your live site with different comparison modes built right in.

* We don't think sites have to be pixel perfect. But getting close is nice.

Testing takes minutes instead of days

Debug tools

See like your users do

Test your website with many different visual impairment simulators, like color blindness and cataracts but also situational impairments like bright sunlight or devices with night mode.

Screenshots

Full page screenshots

You want best in class screenshots, and we have them. No other browser comes close in terms of rendering accuracy. We also support screenshots of all your viewports.

Compare full page screenshots

Themes

Light and dark modes

Polypane comes in a light and dark theme, so it always fits in with your desktop.

Plays well with all your favorite frameworks

Devtools extensions for your favorite JavaScript frameworks and easy ways to prototype with your favorite CSS frameworks. Keep your stack, become more productive.

  • React
  • Vue
  • Angular
  • Svelte
  • jQuery
  • Tailwind CSS
  • Bootstrap
  • Foundation
  • Bulma

And much more

Unlimited Viewports
Scroll Syncing
Hover Syncing
Grid Overlays
Unified Console
Keyboard Syncing
Device Presets
Freeform Resizing
Horizontal Overflow Detection
Developer Tools
Pixel-perfect Social Media Previews
Different Layout Modes
Device Emulation
Handoff Support
Live Reloading
Accessibility Audits
Page outlines
Live CSS Editing
Color Blindness Simulators
Full Page Screenshots
Visual Design Diffing
CSS Breakpoint Detection
Overview Screenshots
Unified Element Inspector
Touch emulation
Devtools Extensions
Broken Link Checking
Custom Headers
Dark Mode
Workspaces
…and more added monthly!

Developers and designers love Polypane.

Here's what they say:

Polypane is easily one of the most useful tools for modern web designers and developers.

Stephen Hay Author of Responsive Design Workflow

It is convenient seeing your work in multiple responsive views at the same time. Love it, 💯

Sara Soueidan Independent front-end UI engineer, Speaker/Trainer

This thing is FAST and the synchronized scrolling works amazingly. Prepare to be impressed.

Vivian Guillen Frontend Developer & Curator at Tailwind Weekly

Polypane is fast, helps me catch issues and the meta information preview is awesome.

Graeme Fulton Founder at Letter

Using Polypane and woah this is awesome! It’s really slick and fast! I was just 5 minutes in and I already fixed a bug.

Sergio Mattei Founder at Makerlog

Polypane is a smart design environment where you can preview your designs across devices and viewports.

Colm Tuite Creator of Modulz

Read more testimonials

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