500
438
+ 1
50

What is PostCSS?

PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.
PostCSS is a tool in the CSS Pre-processors / Extensions category of a tech stack.
PostCSS is an open source tool with 25.3K GitHub stars and 1.4K GitHub forks. Here’s a link to PostCSS's open source repository on GitHub

Who uses PostCSS?

Companies
111 companies reportedly use PostCSS in their tech stacks, including Uploadcare, SendGrid, and Livestorm.

Developers
355 developers on StackShare have stated that they use PostCSS.

PostCSS Integrations

React.js Boilerplate, Adobe Dreamweaver, Vite, tachyons, and JSFiddle are some of the popular tools that integrate with PostCSS. Here's a list of all 14 tools that integrate with PostCSS.
Pros of PostCSS
21
The "babel" of CSS
15
Customizable
8
Autoprefixer
2
Variables
1
PostCSS Flexbugs Fixes
1
0
1
Mixins
1
CSS MQPacker
Decisions about PostCSS

Here are some stack decisions, common use cases and reviews by companies and developers who chose PostCSS in their tech stack.

awesomebanana2018
Shared insights
on
PostCSS
Stylus
Sass

Originally, I was going to start using Sass with Parcel, but then I learned about Stylus, which looked interesting because it can get the property values of something directly instead of through variables, and PostCSS, which looked interesting because you can customize your Pre/Post-processing. Which tool would you recommend?

See more

Blog Posts

PostCSS Alternatives & Comparisons

What are some alternatives to PostCSS?
Stylus
Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.
Sass
Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
CSS Modules
It is a CSS file in which all class names and animation names are scoped locally by default. The key words here are scoped locally. With this, your CSS class names become similar to local variables in JavaScript. It goes into the compiler, and CSS comes out the other side.
Less
Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.
node-sass
It is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass. It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.
See all alternatives

PostCSS's Followers
438 developers follow PostCSS to keep up with related blogs and decisions.