Polypane

Building great web experiences is frustrating and complex. Polypane makes it easy.

Before Polypane: You want to create amazing responsive experiences, but your browser makes that impossible to do well. You secretly rely on customers to tell you where mistakes are. With Polypane: Develop, debug and test twice as fast with tools that speed up your workflow. Know for sure your sites and apps work everywhere and for everyone.

Screenshot of the Polypane application
Screenshot of the Polypane application

Polypane shows your site in multiple viewports at once and keeps them all in sync while you work.

Develop responsive websites and apps twice as fast and get better results, because you wont be skipping screen sizes and wishing for the best.

Build higher quality websites, whether you use Wordpress, React, Angular, Svelte, Bootstrap, Drupal or any other CMS, library or framework.

Polypane has the right tools built-in for developing, debugging and testing, like devtools extensions, live reloading, accessibility testing and more.

Your site is visited on many different devices. Polypane lets you built on them, too.

Never resize your browser again

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

Start free trial

Syncs all your actions

Interacting with one viewport means interacting with all of them. It just works.

Start free trial

Edit all panes at the same time

Make changes to all panes at once using our Live CSS editor.

Start free trial

Get the full overview, your way

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

Start free trial

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

Detect CSS breakpoints. Automatically

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

Start free trial

Powerful developer tools

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

Start free trial

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.

Start free trial

Built-in live reloading

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

Start free trial

Documentation on the side

Quickly show documentation or references in the side browser, so you don't have to lose sight of your project.

Start free trial

Handoff right where you need it

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

Start free trial

Debugging an issue becomes quick and easy.

Debug tools for each pane

Over 15 overlays let you easily check contrast and accessibility, edit your page visually and get insights into your page structure.

Start free trial

Social media previews and meta info

Live previews of how your site looks when shared on social media, and all your meta information visible.

Start free trial

Build pixel perfect sites

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

Start free trial

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

Testing takes minutes instead of days.

See like your users

Our overlays quickly let you check color blindness and other visual impairments, like cataracts, bright sunlight or a device with night mode.

Start free trial

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

Emulate popular devices

Checking to see if your site or app renders well on user devices becomes easy and fast with the built-in list of popular device emulators. With full touch support and network throttling.

Start free trial

And much more

Light and dark modes

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

Start free trial

Everything you need to make awesome web experiences

Live reloading, touch and mobile emulation, dev tools extensions, workspaces and css breakpoint detection. Polypane has it all.

Explore all benefits

Building responsive websites is hard. Polypane makes it easy.

Try for free
On Mac, Windows & Linux

Praise for Polypane

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

Stephen HayAuthor of Responsive Design Workflow

Polypane are building a smart design environment where you can preview your designs across a multitude of browsers, devices and viewports.

Colm TuiteCreator of Modulz

Discovering Polypane was a game-changer to how I develop responsive websites. I couldn't imagine going back to using the Chrome inspector.

Julian KeenaghanCTO at Beam

If you’re developing a website, Polypane comes in quite handy. Already an essential tool.

Roy van RooijenDesign Tools Network

An invaluable tool for responsive website testing. A must-have for front-end developers.

Marc BergerWeb Developer

Polypane quickly became an indispensable part of my workflow. With a tool like this, you have no excuse not to create great, responsive experiences!

Richard GoodwinDeveloper & Podcaster at Comedywham

A vital part of the web development toolkit for testing and troubleshooting responsive design.

John CamachoWeb Developer at Pixelstation
Photo of Kilian

Hi! I'm Kilian, the creator of Polypane.

Like you, I'm a web developer. In nearly 20 years of creating websites and apps for the web, I've built many open source apps and libraries. I write about them and other things that interest me on my blog.

I'm building my own browser.

Before I started doing that, I ran an internet agency. I constantly felt pressure from clients to develop sites faster and here I was, resizing my browser to work on each screen size one-by-one. I was wasting so much time just resizing my browser.

More than that, I saw many opportunities to make the process so much better, to make a browser that works for me instead of against me. So that is my goal: the ultimate browser for developers and designers. I hope you'll check out Polypane and help me make that a reality.

Polypane can easily cut your development time in half, and I'm just getting started.

Get Polypane

Building responsive websites is hard.
Polypane makes it easy.

Try for free
Polypane screenshot

Used by teams worldwide

By using our site you agree to our privacy policy and disclaimer