PostCSS
PostCSS is a tool for transforming CSS with JavaScript. It can be used to develop a template language such as Sass and LESS. The PostCSS core consists of:
- CSS parser that generates an abstract syntax tree
- Set of classes that comprises the tree
- CSS generator that generates a CSS line for the object tree
- Code map generator for the CSS changes made#
There are official tools making it possible to use PostCSS with build systems such as Webpack, Gulp, and Grunt. There is also a console interface available. Browserify or Webpack can be used to open PostCSS in a browser.
The complete plugin list can be found on postcss.parts, with some examples listed below.
- Autoprefixer to add and clear browser prefixes.
- CSS Modules to get CSS selectors isolated and code organized. It is supplied as part of Webpack.
- stylelint to analyze CSS code for mistakes and check style consistency.
- stylefmt fixes the CSS code according to the stylelint settings.
- PreCSS to perform some Sass/Less preprocessing functions.
- postcss-preset-env to emulate features from unfinished CSS specification drafts.
- cssnano to make CSS smaller in size by getting rid of the spaces and rewriting the code.
- RTLCSS to change CSS code so that the design should be suitable for right-to-left writing (such is applied in Arabic and Hebrew).
- postcss-assets, postcss-inline-svg and postcss-sprites to work with graphics.
- GitHub: https://github.com/topics/postcss
- Wikipedia: https://en.wikipedia.org/wiki/PostCSS
- Repo: https://github.com/postcss
- Created by: Andrey Sitnik, Ben Briggs, Bogdan Chadkin
- Released: November 4, 2013
- Related Topics: sass, less, ast,
- Last updated: 2026-08-07 00:25:12 UTC
- JSON Representation
https://github.com/chrisnajman/local-build-pipeline-for-static-websites
Combine and minify all JavaScript modules and CSS, allowing the app to be run entirely from the local file system.
cssnano esbuild fs-extra html-minifier-terser postcss postcss-import postcss-nesting postcss-url
Last synced: 20 Apr 2026
https://github.com/tomasz-sodzawiczny/postcss-plugin-chain
Utility for chaining multiple PostCSS plugins as a single one.
chain chaining plugin postcss postcss-plugin
Last synced: 24 Apr 2026
https://github.com/khronosleung/postcss-iconfont
基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标
Last synced: 25 Apr 2026
https://github.com/haquanq-frontendmentor/intro-section-with-dropdown-navigation
Solution for frontendmentor.io challenge: intro-section-with-dropdown-navigation
bem-css frontendmentor frontendmentor-junior postcss typescript
Last synced: 27 Apr 2026
https://github.com/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 27 Apr 2026
https://github.com/pvdlg/karma-postcss-preprocessor
Karma preprocessor to compile css files with postcss with sourcemap and watch support
karma karma-plugin karma-preprocessor postcss sourcemaps watcher
Last synced: 28 Apr 2026
https://github.com/ambar/docz-plugin-style
PostCSS Preset Env + CSS Modlues
Last synced: 16 May 2026
https://github.com/haquanq-frontendmentor/crowdfunding-product-page
Solution for frontendmentor.io challenge: crowdfunding-product-page
accessibility bem-css frontendmentor html junior postcss typescript vite
Last synced: 28 Apr 2026
https://github.com/haquanq-frontendmentor/project-tracking-intro-component
Solution for frontendmentor.io challenge: project-tracking-intro-component
bem-css frontendmentor frontendmentor-junior javascript postcss
Last synced: 28 Apr 2026
https://github.com/haquanq-frontendmentor/loopstudios-landing-page
Solution for frontendmentor.io challenge: loopstudios-landing-page
bem-css frontendmentor frontendmentor-junior javascript postcss
Last synced: 29 Apr 2026
https://github.com/davismz09/proyecto-grado-angie-flores
Página estática referente al proyecto de grado de Angie Flores
autofixer gh-pages js postcss react swiper-js tailwindcss
Last synced: 29 Apr 2026
https://github.com/koffeine/rollup-plugin-postcss
Rollup plugin for PostCSS
Last synced: 29 Apr 2026
https://github.com/shrpne/postcss-clear-empty-strings
Remove declarations with empty values
Last synced: 30 Apr 2026
https://github.com/lasalefamine/chrome-ext-boilerplate
Chrome extension boilerplate with Webpack and PostCSS ready.
boilerplate chrome-extension postcss webpack
Last synced: 05 Apr 2026
