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 28.2K GitHub stars and 1.5K GitHub forks. Here’s a link to PostCSS's open source repository on GitHub
Who uses PostCSS?
Companies
165 companies reportedly use PostCSS in their tech stacks, including Lendit, Uploadcare, and SendGrid.
Developers
642 developers on StackShare have stated that they use PostCSS.
PostCSS Integrations
Vite, React.js Boilerplate, Adobe Dreamweaver, SvelteKit, and tachyons are some of the popular tools that integrate with PostCSS. Here's a list of all 15 tools that integrate with PostCSS.
Pros of PostCSS
21
15
8
2
1
1
1
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
CEO at ME! · | 5 upvotes · 347.8K views
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?
Blog Posts
+46 27
32613
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.
