Control all browsers on any device from inside Polypane. Synchronised interactions, Inspect and Edit styles, get console output.

All without a single line of configuration.

1. Open your Portal on any other device or browser
2. Add a snippet
3. Activate it

Snippets now run in any device you have connected to Polypane portal.

Coming soon: navigate the elements panel tree using your arrow keys.

The custom-built Polypane elements panel lets you inspect and edit Elements across all viewports in one go.

New in Polypane 26: all our devices emulate the correct `safe-area-inset-*` CSS environment variables, as well as the correct small viewport height.

Toggle the visualization from the emulation settings to see where they're located. Like browser UI the svh overlay scrolls away when you scroll down.

Not every feature needs to be large to be useful.

Our target size tooling detects interactive elements that don't follow WCAG, Google Mobile Friendliness or Apple HIG guidelines. But sometimes that element might be behind our UI.

So in Polypane 25 we added a quick toggle to move it out of the way!

Our updated icon will feel right at home with Liquid Glass in light, dark and mono.

Our rulers are getting a new measuring overlay.

Drag and measure an overlaid rectangle that show its dimensions and the distance to edges. Snaps to your guides while dragging.

Or use it as a selection to screenshot a specific area of the page.

Try it in our upcoming release!

Wanna hide some social media previews, or maybe just change the way they're sorted so the one you care about most is on top?

We got you.

Edit HTML directly from the elements panel, and Polypane will update your HTML in-place to maintain any event listeners you have attached to the DOM you just edited!

Need to debug a difficult z-indexing or stacking context issue? Turn on the 3D view to quickly see what's going on ...or to take a peek behind the curtain!

And then when you're done, you can quickly trim, cut and annotate your video before exporting and sharing it.

Some of the features, starting with video recording.

When you record a pane, we show a custom cursor that makes it easier to follow where your cursor is moving, and it also highlights clicks.

I slept on it and the interaction where it just always followed the mouse didn't feel great. So now it's drag'n'drop and it's so much nicer.

Ever seen the back of a webpage?

Coming soon: a new debug tool that transforms your page into a 3d view showing the elements that create new stacking contexts and have a specified z-index value.

The page remains fully interactive, click to toggle the 3d rotation for when you want to focus or interact.

Tomorrow (April 9th) is CSS Naked Day. Are you ready? css-naked-day.org

...we got told to do better.

Color coded tabs ✅