Skip to contentSkip to footer

Changelog

  • Polypane 31 Latest

    Polypane 31 has a new Canvas layout, many improvements to the elements panel, new iPhone presets and Chromium 155.

  • Polypane 30.1

    Polypane 30.1 adds selector specificity highlighting to the elements panel, a new server-sent HTML view in the sources panel, passkey support in Linux and a bunch of improvements and fixes

  • Polypane 30

    Polypane 30 introduces Playgrounds so you can open directories as real HTTPS URLs in seconds, adds support for the Side Panel extension API, brings major Network panel improvements, and includes a fully rewritten video recording implementation

Full Changelog
Start Free Trial
Polypane, the browser for web developers

See every screen, device & user preference, while you build.

Polypane has everything a browser has, plus all the tools you need to ship responsive, fast, accessible, and SEO-friendly websites and apps.
Build the way you already build with Polypane as your browser, and find and fix issues as you go.

Start Free Trial Free 14 day trial, no credit card needed.
Polypane showing six different panes in one overview, emulating different devices and viewports
These companies use Polypane

Trusted by developers shipping work that matters.

This thing is FAST and the synchronized scrolling works amazingly. Prepare to be impressed.
Vivian Guillen Frontend Dev, Curator at Tailwind Weekly
Polypane is really saving my bacon. Kilian knocked it out of the park, this is my new favorite development tool.
Scott Tolinski Syntax.fm host, Level Up Tutorials
Polypane helped me see a spacing issue between two breakpoints that I wasn’t aware of. Love it 💯
Sara Soueidan Front-end UI engineer, Speaker/Trainer
I've started playing around with Polypane and 🤯. It has awesome debugging tools, I'm really impressed.
Kevin Powell CSS Evangelist

Build, don't browse.

Polypane is the (Chromium-based) browser devs use to build sites. Check your site continuously as you build, so you find issues as they happen instead of at QA or in production.

See every breakpoint

Mobile to 5K. Every breakpoint visible and synchronized.

Catch issues as you build

Structure, metadata, accessibility. Instant feedback while you work.

View everything side by side

Dark mode, light mode, high contrast, reduced motion. All visible at once.

responsive design

Stop resizing. See everything at once.

Stop the manual resize-refresh-check-fix-resize cycle. Get all your viewports in one overview, no browser resizing needed.

Mobile screens, 5K monitors, all your CSS breakpoints or any size you want.

Device presets docs

Emulation

Emulate everything. Not just screen size.

Polypane goes beyond viewport dimensions. Full device emulation including user agent, touch events, locale, safe area insets and viewports. It's the most comprehensive emulation available.

Test like you're on the actual device, without leaving your desk. Only available in Polypane.

Emulation docs

Synced panes

One interaction. Every viewport.

Every scroll, click, hover, focus and keystroke syncs across all viewports instantly.

Stop repeating yourself by testing devices one-by-one. Interact once, test it everywhere.

Synced interactions docs

Cross-browser and cross-device

Your localhost, on any device in the world

Share your local development environment anywhere, on any browser, on any device. No tunneling setup, no deployment needed.

Polypane Portal syncs everything to external browsers: scroll position, interactions, style edits and layout debugging. Build in Polypane, test on the real thing.

Debug tools

From A11y to Z-index.

Your site is more than just its visuals. Polypane has over 40 different debug tools and simulators to help you with every aspect.

Test your site in completely new ways, never miss an issue again.

Check out our Debug tools and Simulators.

Meta panel

Social media share card previews.

X / TwitterFacebookSlackLinkedinDiscordGoogleTelegramBlueskyMastodonThreads

Up-to-date previews of social media cards for X/Twitter, Facebook, Slack, LinkedIn, Discord, Telegram, Bluesky, Threads, WhatsApp and Google Search.

Pixel-perfect rendered in dark and light mode. Even with your localhost. Fix typos before they're shared out.

Deep dive into our social media previews

User testimonials

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 really saving my bacon. Kilian knocked it out of the park, this is my new favorite development tool.

Scott Tolinski Syntax.fm host, Level Up Tutorials

If you’re designing modern applications and websites, you should try Polypane! It’s worth every penny!

Segun "Sage" Adebayo Creator of Chakra UI and Zag.js

I've started playing around with Polypane and 🤯. It has awesome debugging tools, accessibility checks and tests, and more. I'm really impressed.

Kevin Powell CSS Evangelist

Read more testimonials Join our Slack community

Polypane has all the tools you need to build great web experiences.

Start Free Trial
Emulation

Dark mode media feature testing.

No need to flip your entire operating system! Test light and dark mode side-by-side in the same view.

Also works for reduced motion, reduced data, prefers-contrast, forced-colors and even print styles.

Media emulation docs

…And that's only scratching the surface.

Polypane has everything you need to make awesome web experiences.

Full product tour

Beyond Chrome, Firefox and Safari

Why developers choose Polypane over Chrome, Firefox or Safari

Polypane replaces your patchwork of tools with a single, powerful browser designed for building better websites. Once you try it, you'll never want to go back.

With Chrome, Firefox or Safari

Frustration. Inefficiency. Blind spots.

With Polypane

Clarity. Speed. Confidence.

Switching between breakpoints manually

Constantly resizing your window or dragging dev tools around.

Multiple synchronized viewports

See and interact with all breakpoints at once. Build once, preview everywhere.


Slow testing workflow

One screen, one viewport, one change at a time.

Faster iterations

Edit code → changes live across all devices instantly.


Missing accessibility issues

Limited or no built-in accessibility checks. Manual testing with patchwork extensions. Ship inaccessible code anyway.

Built-in accessibility auditing

Instant contrast checks, focus order overview, accessibility features emulation, and more.


Guessing about UX across devices

What your site actually looks like on mobile is a mystery until you test each one individually.

Device realism

Pre-configured panes that match real device resolutions and behaviors.


Over-reliance on extensions

Cramming 10+ dev tools into Chrome, Firefox or Safari and still missing insights.

All-in-one power tools

Meta previews, live reloading, image overlays, design & dev tools in one clean interface.


Inconsistent testing environments

You test on your screen. Designer tests on theirs. QA tests on something else. "Works on my machine" but everyone sees something else.

Unified testing experience

You all see the same thing: every pane, every breakpoint, every audit. Everyone's on the same page.

Build the way you already build, without missing anything.

Free 14 day trial, no credit card needed.

  • 1 Create your account. Takes a minute.
  • 2 Download the app. For Windows, Mac & Linux.
  • 3 Build your next project with Polypane
Start Free Trial
Polypane UI

Frequently Asked Questions

What makes Polypane different from a normal browser?
Polypane is a browser built specifically for web developers and designers. This makes it distinct from general-purpose browsers like Chrome, Firefox, and Safari. Those are all excellent browsers for general browsing.

Polypane is designed specifically for building and testing websites. It's a development browser with integrated features like synchronized multi-viewport testing, accessibility auditing, and an extensive set of developer tools that general-purpose browsers don't have.
When should developers use Polypane vs Chrome, Firefox, or Safari?
Use Polypane when you're building, testing, and debugging websites. Use Chrome, Firefox, or Safari for your general browsing, and to test specific rendering engines (in the case of Firefox and Safari).

Polypane is purpose-built for building and testing responsive, accessible websites. Think of it this way: your IDE is for writing code, Polypane is for building and testing websites, and Chrome/Firefox/Safari are for browsing the web and final cross-browser testing.
Why use Polypane instead of a few extensions?
You can get pretty far with extensions, but they're all single features that only test what's currently there, when you remember to run them.

An extension looks at the page you have open right now. That's only your viewport, your preferred color scheme and your device settings. And the bugs aren't found on your own device, because that's the one you already test on.

The bugs that make it to production are usually the ones that only show up in a combination, like a forgotten variable causing a contrast issue that only appears in dark mode, or a layout that breaks between your iPhone 16 and an iPhone 13 mini you didn't check, but your customer did.

Polypane puts all those states next to each other while you build and proactively flags issues, so you fix them while you build.
What rendering engine does Polypane use?
Polypane is based on Chromium version 155, and is continuously updated as Chromium versions get released (We update to the latest or upcoming Chromium version roughly every two months).
How does Polypane work?
Polypane runs multiple Chromium instances of your site, each with its own emulation settings like dark mode, touch, slow network etc. It syncs all interactions like scrolling, form filling, hovers, and focus, so you only need to interact with one instances to see the effect in all.

Edits in the inspector apply to all instances at once, letting you see changes immediately. At the same time, Polypane analyzes your CSS, HTML, storage, metadata, and more to automatically lint your entire page and gives you feedback on how to improve it.
Can I test all browsers in Polypane?

No, but also yes. It's not possible to show all rendering engines in a single, cross-platform browser. Under the hood Polypane uses the Chromium engine, the same as Chrome, Edge, Brave and many other browsers. It renders sites the way 95%+ of your visitors will see them.

Polypane can also emulate other browsers like Safari for iOS or Firefox. This means your site's JS will think it's running in them and you can use that to test specific fallback logic. The underlying rendering engine is still Chromium though, so a real Safari or Firefox can render things differently.

Even if you use a developer browser, you should still test in multiple rendering engines. That's what Polypane Portal lets you do: open the Portal URL in any browser or device you have, and all of them are synced with Polypane. Portal is free for all Polypane users.

When is Polypane a bad fit?
Polypane is a browser built for developers, so it assumes your website is reasonably well built. It does not try to compensate for slow code, which becomes noticeable when you run the same slow code simultaneously half a dozen times.

And because Polypane is based on Chromium, it will not help you with issues specific to Safari or Firefox. You'll still want to test in those, which is whatPolypane Portal is for.
What operating systems does Polypane support?
Polypane runs on Windows, Mac and Linux. We have universal builds to support Intel, Apple Silicon and ARM processors. For Linux we have both a .deb and .AppImage available.

Our Windows builds are signed with an Extended Validation code signing certificate, and our Mac builds are signed and notarized by Apple.
What is your roadmap?
We do not publish a public roadmap, but are very responsive to user requests and input. User requests are added as votes to our (extensive, 5+ year) internal roadmap and new features are planned according to popularity.
I have more questions!
I mean, that's more of a remark, but you can find much more about Polypane in our docs, or ask us questions directly in our non-AI, human-operated , on Bluesky, in our Slack or by e-mailing us.