a tool for transforming CSS with JavaScript

PostCSS

A tool for transforming CSS with JavaScript

Add vendor prefixes to CSS rules using values from Can I Use. Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you.

:fullscreen {
}

CSS input

:-webkit-full-screen {
}
:-ms-fullscreen {
}
:fullscreen {
}

CSS output

PostCSS Preset Env, lets you convert modern CSS into something most browsers can understand, determining the polyfills you need based on your targeted browsers or runtime environments, using cssdb.

body {
  color: oklch(61% 0.2 29);
}

CSS input

body {
  color: rgb(225, 65, 52);
}

CSS output

CSS Modules means you never need to worry about your names being too generic, just use whatever makes the most sense.

.name {
  color: gray;
}

CSS input

.Logo__name__SVK0g {
  color: gray;
}

CSS output

Enforce consistent conventions and avoid errors in your stylesheets with stylelint, a modern CSS linter. It supports the latest CSS syntax, as well as CSS-like syntaxes, such as SCSS.

a {
  color: #d3;
}

CSS input

app.css
2:10 Invalid hex color

Console output

Trusted by industry leaders