Browser Support

Panda CSS is built with modern CSS features and uses PostCSS (opens in a new tab) to add support for older browsers. Panda supports the latest, stable releases of major browsers that support the following features:

• CSS Variables (opens in a new tab)
• CSS Cascade Layers (opens in a new tab)
• Modern selectors, such as :where() (opens in a new tab) and :is() (opens in a new tab)

Browserlist

Based on the above criteria, the following browsers are supported:

>= 1%
last 1 major version
not dead
Chrome >= 99
Edge >= 99
Firefox >= 97
iOS >= 15.4
Safari >= 15.4
Android >= 115
Opera >= 73

Polyfills

For older browsers:

• Set polyfill: true (or --polyfill) so Panda emits cascade-layer order without @layer (see Cascade Layers).
• Add autoprefixer (opens in a new tab) in PostCSS when you need vendor prefixes.

// postcss.config.cjs
module.exports = {
  plugins: ['@pandacss/dev/postcss', 'autoprefixer']
}