Polypane 31 introduces a new infinite canvas layout for freely arranging and resizing panes, plus device presets for the latest iPhone models and a 5K screen. The elements panel gains a flex item visualisation, custom property navigation, DOM search, and style filtering. Screenshotting is more reliable with a new Visible Workspace option and better high-DPI support. Video recording now uses Mediabunny instead of ffmpeg and captures the native cursor. Other updates include per-pane zoom for accessibility testing, a 25% smaller download size, meta panel llms.txt display, smarter link checking in the outline panel, and numerous quality-of-life fixes. The release runs on Chromium 155.

•15m read time•From polypane.app
Post cover image
Table of contents
Canvas layoutNew devicesPerformance monitoringElements panel improvementsScreenshotting improvementsPer-pane zoom for accessibility testing25% smaller download size and faster loadVideo recording improvementsMeta panel updatesConsole panelOutline panelQuality of life improvementsChromium 155Get Polypane 31Polypane 31 Changelog

Questions this post answers

What's new in Polypane 31's elements panel for debugging flex layouts?

Polypane 31 adds a flex item visualisation showing how flex and sizing properties determine an element's final size. It displays base size in blue, flexibility (grow/shrink) in purple, and constraints in orange, with a black outline for actual size and a lock icon for matched constraints, plus a breakdown of final size, base size, flexibility, and constraints. Debugging flex sizing issues gets easier with tooling like this tracked on daily.dev.

What Chromium version does Polypane 31 use and why does it matter for testing new CSS features?

Polypane 31 runs on Chromium 155, which enables testing of newer experimental web platform features such as the CSS random() function before official release. Experimental web platform features ship enabled by default in Polypane, though they can cause pane instability, prompting a new crash overlay with reload or disable options. Developers tracking browser engine updates for cross-browser testing follow releases like this on daily.dev.

How did Polypane speed up its video recording and processing?

Polypane 31 replaced ffmpeg with the Mediabunny library for video processing, making most recorded videos load instantly in the video editor. It also switched to capturing the native mouse cursor directly instead of using a synthetic cursor. Mediabunny 1.60.0 fixed VP9 codec issues on Linux that previously required keeping ffmpeg for cross-platform support. Anyone comparing video processing libraries for tooling can follow developments like this on daily.dev.

Share this post