Makes your site more responsive, more accessible and faster!

Polypane

Polypane

  -  268 MB  -  Trial
  • Latest Version

    Polypane 22.0.0 LATEST

  • Review by

    Juan Garcia

  • Operating System

    Windows 10 / Windows 11

  • User Rating

    Click to vote
  • Author / Product

    Polypane Team / External Link

  • Filename

    Polypane-Setup-22.0.0.exe

Polypane is an advanced web browser built from the ground up to provide web software developers and website designers a platform on which they can test their cloud-powered creations with an incredible variety of debug tools.

Instead of manually testing all combinations of website rendering for various mobile display sizes, this versatile browser enables users to create a large number of individual browsing viewports with sizes ranging from the smallest mobile screen to the largest 5K displays, and test in a real-time manner the rendering features, UI designs, accessibility features, and much more.

When loading a website in Polypane Browser, users can easily break down the rendering pages into dozens of individual viewpanes that represent various mobile displays. This can help them to quickly and reliably check resizing and UI rendering of their web designs, with automatic syncing of scrolling and clicking on all active viewpanes. Syncing is so powerful that even hovers are recreated on all active viewpanes. Even website themes (light and dark) can be checked out quickly in a fully synced side-by-side viewport rendering mode.

(Optional) install the Polypane browser extension

With the Polypane browser extension you can send any link or tab to Polypane. The extension is available for Chrome.

CSS debugging is made easy, enabling individual panes to be debugged with over 40 individual CSS states, covering categories such as Dev Tools, Simulators, Color Blindness, Visual Impairment, and Others. In addition to website designs, the app can provide pixel-perfect representations of social media sharing cards, with support for all major platforms such as Facebook, Twitter, LinkedIn, Discord, Slack, and others.

And since the app is built on the popular Chromium platform, seasoned designers are empowered to install any of their favorite DevTools browser extensions (such as React DevTools, Vue.js DevTools, Redux DevTools, Angular, and many others) and framework add-ons (React, Vue, Svelte, Boostrap, Bulma, Foundation, jQuerry, and more).

This is just the tip of the iceberg of features that the Polypane browser supports. It also provides access to live CSS editing, automated form testing, device presets and device emulation, accessibility audits, live reloading, touch emulation, and so much more.

Free trial - for 14 days
  • Full access to the app
  • No credit card needed
  • Use all features
  • Alone or with your team
  • Onboarding chat support
  • On Win, Mac, and Linux
Business - $39/mo
  • Entire team (10 users)
  • Use on 3 computers per user
  • All features
  • Frequent updates
  • Email & Live chat support
  • Priority feature requests
  • Manage user access
  • Centralized billing
Due to its professional toolset, Polypane (the browser for ambitious developers) is offered to users only as a premium application that is accessed via monthly subscription in Individual, Business, and Enterprise tiers. Thankfully, users can check out all the features of this app during a free 14-day trial period. The app is optimized for all modern versions of Windows OS and features clients for Linux and macOS platforms.

PROS
  • Multi-Platform Compatibility
  • Streamlines Responsive Design
  • Offers Live Testing
  • Improves Accessibility
  • Provides Time-Saving Features
CONS
  • Steep Learning Curve
  • Limited Project Management Capabilities


What's new in this version:

New:
- New Meta panel: Screenshot social media previews
- New Elements panel: New element-specific force pseudo state options
- New Elements panel: Show the computed values of CSS Custom properties on hover
- New iPhone and Pixel devices
- New Column and Row overlays now have an additional offset option to make it easier to align them with your design
- New Debug tools: Placeholdifier that excludes untranslatable text
- New Debug tools: Turn all Focus styles on
- New Chromium 130

Improved:
- Improved App no longer slows down for sites with excessive DOM sizes (10K+ nodes)
- Improved Initial app startup time performance
- Improved Pane resizing performance improvements
- Improved List of breakpoints context menu now can't overflow the Polypane window
- Improved Context menu now works even on pages with JS disabled
- Improved Outline panel: Links without texts are now an error instead of a notice
- Improved Outline panel: URL is now clamped to two lines to preserve space
- Improved Outline panel: Hovering over an element now no longer removed overlays in the panes
- Improved Outline panel: Headers and landmarks are now updated live on page changes
- Improved Outline panel: Support for slotted elements in the Focus Order outline
- Improved Outline panel: The heading level is now shown in the role instead of as a separate option
- Improved Elements panel: Support for CSSNestedDeclarations
- Improved Elements panel: The a11y tab now lists all accessibility properties for the element
- Improved Elements panel: reinstate forced hover state after actual hover
- Improved Elements panel: CSS custom properties that are set directly on the element are now also available as suggestions in the CSS editor
- Improved Elements panel: Now remembers the selected element after reloading the page
- Improved Meta panel: Give warning about the file type used for images
- Improved Meta panel: Updated Google Search Page preview
- Improved Meta panel: Updated Bluesky preview
- Improved Meta panel: Updated logic for the titles of X/Twitter, LinkedIn and Threads
- Improved Meta panel: Collapsed social media previews are now remembered across app launches
- Improved Reference image: You can now use shift and cmd when positnioning the reference image to move it by 10 or 100 pixels
- Improved Right-click and inspect element now also pierces shadow roots
- Improved Show the horizontal overflow warning if scrollWidth changes and that causes a horizontal scrollbar
- Improved Screenshot editor: You can now double-click the zoom percentage to zoom to 100% or zoom to fit.
- Improved Extensions: Add 'Atomic CSS Devtools' to list of known extensions
- Improved Panel now remembers the last selected subtab across tabs, tab switches and app launches
- Improved Re-instate the favicon glows on tabs
- Improved Debug tools: Update A11y.css
- Improved Polypane now responds to changes to the html element's color-scheme CSS value
- Improved Accessibility panel: updated ruleset
- Improved updated Google fonts

Fixed:
- Fix window.__polypane.emulation.platform would not be set correctly
- Fix Polypane would keep a keyboard shortcut occupied while not focused
- Fix Elements panel: inspecting shadow roots works again
- Fix Elements panel: Toggling classes now no longer immediately hides them
- Fix Elements panel: Bug where specificity for :host couldn't be calculated
- Fix Elements panel: Pseudo dot state wasn't visible on elements without children
- Fix Elements panel: Accept suggestions while adding CSS values and pressing arrow keys
- Fix Elements panel: Better handling of CSS declarations with multiple CSS custom properties
- Fix Outline panel: The outline panel no longer clears out for pages where an element is missing an accessible name
- Fix Console panel: make sure all console messages can be shown
- Fix Rulers: color picker now works again