Skip to contentSkip to footer

Experimental Chromium features

Polypane is a browser for developers, so it comes with some experimental Chromium features turned on by default.

This way you can use Polypane to try out upcoming features before they make their way into regular browsers!

Enabled features

Accent-color

With the accent-color CSS property you can set the color of native input elements like checkboxes and radio buttons. Polypane uses it to blend these in with the rest of the UI as well!

Container queries

Container queries using the @container (min-width:20rem) {} notation let you do "responsive design" at a component level, adapting the style to the width of the space for the container rather than the viewport.

Scroll-timeline

With scroll-timeline you can link an animation to the scroll position of an element. This makes it really easy to do parallax style animations.

Prefers-reduced-data

Prefers reduced data is a new media query that lets visitors signal they want to preserve data. You can emulate it in Polypane by going to the emulation section above a pane and toggling "prefers-reduced-data" to "reduce".

We're written a large aticle about what you can do with prefers-reduced-data, read that here: Creating websites with prefers-reduced-data.

Suggestions?

Have suggestions for things you want enabled in Polypane? Let us know.

Is your question not answered?
Ask via Twitter, Slack or our contact form

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for freeView pricing
Polypane screenshot