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-06-26 00:20:33 UTC
JSON Representation

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

Last synced: 09 May 2026

https://github.com/jerriclynsjohn/jekyll-tailwind

Jekyll + TailwindCSS Starter Template

jekyll postcss purgecss static-site-generator tailwindcss

Last synced: 10 May 2026

https://github.com/imbrn/tv-show-details

📺 A TV show details application

app postcss react

Last synced: 10 May 2026

https://github.com/0xzakk/postcss-easings

Custom easing functions for PostCSS! :chart_with_upwards_trend:

css css-animations css-transitions easing-functions easings postcss postcss-plugin

Last synced: 10 May 2026

https://github.com/jaketrent/test-postcss-import

test postcss-import plugin with esm, conditional exports, webpack5

postcss webpack

Last synced: 10 May 2026

https://github.com/winston0410/postcss-sparrow-values-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by values.

postcss postcss-plugin postcss-sparrow

Last synced: 10 May 2026

https://github.com/yuceltoluyag/starter-template

My starter template

autoprefixer browser-sync browserlist cssnano postcss sass

Last synced: 11 May 2026

https://github.com/haquanq-frontendmentor/bento-grid

Solution for frontendmentor.io challenge: bento-grid

css frontendmentor frontendmentor-junior html postcss stylelint

Last synced: 18 Apr 2026

https://github.com/dsk52/webboilerplate

babel postcss precss webpack yarn

Last synced: 09 Apr 2026

https://github.com/farisnceit/react-tailwind-starter

Starter usingReact + Tailwind CSS 2.0

autoprefixer postcss reactjs redux tailwindcss

Last synced: 09 Apr 2026

https://github.com/sassy/postcss-momocss

The name of Momoiro Clover Z members are representing the color.

momoclo momoiro-clover momoiro-clover-z postcss

Last synced: 20 Jan 2026

https://github.com/ant0ni0us/storeify-admin-dashboard

An E-commerce admin dashboard that allows admins to manage products, tracking orders, show all users , and monitor overall store performance. It provides powerful tools for editing product details, filtering data, and viewing real-time statistics.

date-fns eslint fire framer-motion postcss prett prettier-plugin-tailwindcss react react-apexcharts react-dom react-hook-form react-hot-toast react-icons react-redux react-router-dom redux redux-toolkit tailiwindcss typescript vite