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-07-04 00:20:11 UTC
JSON Representation

https://github.com/zenitude/ecoleweb-tailwindcss-landingpage

Ecole du Web - TailwindCss - Landing Page

auto-prefixer html5 javascript postcss tailwindcss

Last synced: 09 May 2026

https://github.com/night-ice-cube69/vite-react-typescript-tailwind-starter

🚀 Start your vite, React, TypeScript, and TailwindCSS project quickly with this preconfigured template. Build modern web apps with ease.

axios chrome-extension-react chrome-extension-starter chrome-extension-template cross-browser-extension crxjs daisyui husky material-ui-react netlify postcss prettier prittier react-typescript starter-kit starter-template tailwindcss-plugin vite-template-react

Last synced: 09 May 2026

https://github.com/haquanq-frontendmentor/advice-generator-app

Solution for frontendmentor.io challenge: advice-generator-app

adviceslip-api bem-css frontendmentor html postcss typescript vite

Last synced: 09 May 2026

https://github.com/jatolentino/mediagram

Mediagram, a FB-like platform

apollo axios bootstrap docker elixir figma graphql kubernetes phoenix postcss reactjs redux

Last synced: 26 Jan 2026

https://github.com/jia2005/heartbeat

HeartBeat: A playful web app that turns asking someone on a date into an irresistible interactive experience. Perfect for engineers who express love better through code than words! 💻❤️

aria-label asking-for-a-date-from-your-crush autoprefixer color-blind-accessible cute date-proposal dating-web-app github playful postcss reactjs tailwindcss