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/nimahkh/react-easy-boilerplates

react boilerplate generator

ant-design babel boilerplate jss material-ui postcss react react-boilerplate react-ssr react-webpack-boilerplate reactjs redux ssr webpack webpack4

Last synced: 20 Aug 2025

https://github.com/loctran016/eleventy-kickstart-blog

A starter for your 11ty project using tailwindcss, daisyui, vitejs and vercel

11ty 11ty-starter 11ty-template daisyui eleventy frontend postcss ssg tailwind-css tailwind-css-template tailwindcss

Last synced: 23 Jul 2025

https://github.com/sircus/sircus

Flexible Modular CSS Family for Designing in the Browser.

css css-framework postcss

Last synced: 28 Oct 2025

https://github.com/rstacruz/responsive-modular-scale.css

Responsive typography using CSS variables

css modular-scale postcss typography

Last synced: 15 Apr 2025

https://github.com/ioriens/wxss-transpiler

Port of wcsc.exe to Javascript. wxss 文件编译器

compiler css minapp postcss transpiler wxapp wxss wxss-transpiler wxss2css

Last synced: 13 Apr 2025

https://github.com/brycewray/eleventy_solo

This is the repository from which the Eleventy-generated version of https://www.brycewray.com formerly was built, later replaced by https://github.com/brycewray/eleventy_site.

11ty autoprefixer csso eleventy jit postcss tailwind tailwindcss

Last synced: 12 Oct 2025

https://github.com/chalkygames123/front-end-template

🐣 Practical template for building static websites

babel boilerplate eleventy eslint gulp-starter htmlhint nunjucks postcss prettier sass stylelint webpack

Last synced: 23 Oct 2025

https://github.com/jednano/postcss-font-pack

PostCSS plugin to simplify font declarations by validating only configured font packs are used and adding fallbacks.

font font-packs postcss postcss-plugin

Last synced: 10 Jul 2025

https://github.com/suyalcinkaya/nextailwind

Fully optimized Next.js + Tailwind CSS starter kit.

cssnano next nextjs postcss purgecss tailwind tailwindcss vercel

Last synced: 07 May 2025

https://github.com/milliorn/cloud-landing-page

A landing page template built with Typescript, React, and Tailwind CSS.

autoprefixer heroicons heroicons-react landing landing-page landing-page-template landing-page-theme landing-pages landingpage postcss react-icons react-scroll react-uuid tailwind tailwind-css tailwindcss tailwindui tsx typescript

Last synced: 30 Apr 2025

https://github.com/spacejack/mithril-browserify-ts-budo

Mithril, Browserify-HMR, TS, Budo, PostCSS starter project

browserify mithriljs postcss typescript

Last synced: 17 Apr 2025

https://github.com/correia-jpv/fucking-awesome-tailwindcss

😎 Awesome things related to Tailwind CSS. With repository stars⭐ and forks🍴

awesome awesome-list css css-framework framework postcss tailwind tailwind-css tailwindcss tailwindcss-plugin webapp webdevelopment

Last synced: 27 Apr 2025

https://github.com/pierreburel/postcss-rem

PostCSS plugin to use rem units with optional pixel fallback.

css postcss rem

Last synced: 14 Aug 2025

https://github.com/ningbonb/blog

关于前端的文章，自己在前端学习过程中的笔记与总结。

blog chrome html5 javascript krpano markdown postcss threejs typescript vue

Last synced: 07 Apr 2025

https://github.com/lukethacoder/tauri-solid-example

🦀 Small Tauri SolidJS Example feat. Vite

desktop-app postcss rust solid tauri typescript vite

Last synced: 03 Jul 2025

https://github.com/ant-design/codemod-v5

codemod cli for antd v5 upgrade

ant-design-v5 antd antd-design codemod jscodeshift postcss

Last synced: 19 Apr 2025

https://github.com/coobaha/postcss-variables-loader

Share variables between CSS and JS with Webpack + HMR

css cssnext hmr postcss postcss-variables-loader webpack

Last synced: 07 May 2025

https://github.com/octod/postcss-brexit

A post brexit plugin for post-css made for true British English programmers

brexit css funny funny-coding joke postcss postcss-plugin

Last synced: 18 Mar 2025

https://github.com/sgtpep/csstag

Tagged template for CSS Modules: const styles = css`.root { color: red; }`; <div class={styles.root}></div>

browser css css-modules esm postcss tagged-template tagged-template-literal template-literal

Last synced: 10 Apr 2025

https://github.com/ben-lau/postcss-pixel-to-remvw

a postcss plugin for converting px to rem and vw

css3 postcss postcss-plugin rem vw

Last synced: 26 Oct 2025

https://github.com/eriklharper/postcss-nested-import

@import stylesheets inside nested CSS

postcss

Last synced: 25 Jun 2025

https://github.com/jfilter/brunch-on-speed

🍽 Skeleton for Brunch for a long-scroll, single, static Web page

autoprefixer autoreload babel bootstrap bootstrap4 brunch brunch-skeleton concatenation eslint jquery meta-tags pleeease postcss sass skeleton uglify

Last synced: 11 Oct 2025

https://github.com/sandrina-p/postcss-start-to-end

PostCSS plugin that lets you control your layout (LTR or RTL) through logical rather than physical rules

postcss postcss-plugins rtl support-rtl

Last synced: 13 Apr 2025

https://github.com/madeleineostoja/postcss-input-style

PostCSS plugin that adds new pseudo-elements for easily styling the inner elements of inputs

css inputs postcss postcss-plugin pseudo-selectors

Last synced: 23 Mar 2025

https://github.com/alekseykulikov/injected-css

{:;} CSS in JS

cssinjs postcss

Last synced: 26 Oct 2025

https://github.com/monokrome/webpack-react-starter

Minimal starter for using React + PostCSS with Webpack.

postcss react webpack

Last synced: 19 Mar 2025

https://github.com/mpvue/postcss-mpvue-wxss

PostCSS plugin for wxss

mpvue postcss vue wxmp wxss

Last synced: 29 Jan 2026

https://github.com/sonofmagic/postcss-rem-to-responsive-pixel

Convert rem units to px or rpx units using PostCSS. Based on postcss-pxtorem and postcss-rem-to-pixel, and rewrite with typescript, and support Postcss8

css pixel postcss postcss-plugin rem uni uni-app wechat

Last synced: 16 Mar 2025

https://github.com/seancdavis/twenty-ninety

A production-ready Eleventy starter kit, optimized for performance.

eleventy gulp netlify postcss tailwindcss webpack

Last synced: 12 Jun 2025

https://github.com/corygibbons/kita

🎒 Static site/prototyping with Pug, PostCSS, and ES6.

es6 postcss prototype pug static-site

Last synced: 10 Apr 2025

https://github.com/lailo/next-with-tailwindcss

NextJS with TypeScript and TailwindCSS (with dark theme switch)

dark-mode dark-mode-toggle dark-theme jest jest-snapshots jest-tests nextjs postcss prettier react tailwindcss typescript

Last synced: 27 Apr 2025

https://github.com/gucong3000/gulp-reporter

Error report for: CSSLint/EditorConfig/ESLint/HTMLHint/JSCS/JSHint/PostCSS/Standard/TSLint/XO

author blame eslint git gulp jscs jshint postcss reporter tslint

Last synced: 15 Mar 2025

https://github.com/jednano/postcss-all-link-colors

PostCSS plugin to insert colors for all link-related pseudo-classes.

active colors focus hover link postcss postcss-plugin visited

Last synced: 23 Mar 2025

https://github.com/sglazov/spt

🚀 A template for a quick start

css gulp html markup-template nunjucks postcss scss starter-template svg

Last synced: 29 Sep 2025

https://github.com/nikohoffren/hunajaholisti-website

Hunajaholistin Hunaja - Honey products e-commerce website made using Vite, React, TypeScript, Tailwind CSS, Firebase, Netlify Functions and Stripe.

firebase firebase-firestore netlify netlify-functions postcss react stripe stripe-api stripe-checkout stripe-payments tailwind tailwind-css tailwindcss typescript vite

Last synced: 08 Aug 2025

https://github.com/corygibbons/soba

Kirby starter theme that uses Twig, PostCSS, and Browsersync

kirby postcss starter-theme twig

Last synced: 10 Apr 2025

https://github.com/thomas-darling/gulp-dependents

Gulp plugin that tracks dependencies between files and adds any files that depend on the files currently in the stream, thus enabling incremental build.

build dependencies gulp gulp-plugin incremental less pcss postcss sass scss

Last synced: 09 Sep 2025

https://github.com/loklaan/convert-css-js-app

Convert and edit CSS <-> CSS-in-JS in realtime.

create-react-app css css-in-js postcss

Last synced: 06 Jul 2025

https://github.com/yuezk/postcss-filter-gradient

PostCSS plugin for generating the old IE supported filter gradients.

css-gradient ie8-gradient postcss

Last synced: 22 Apr 2025

https://github.com/garthdb/postcss-inherit

A PostCSS port of https://github.com/reworkcss/rework-inherit

css npm postcss

Last synced: 22 Aug 2025

https://github.com/princed/postcss-banner

PostCSS plugin to add text banner and footer to resulting file

banner css-comment postcss postcss-plugin

Last synced: 21 Mar 2025

https://github.com/persteenolsen/webpack-5-react-typescript-boilerplate

Webpack 5 React TypeScript Babel and PostCSS boilerplate ready for use React with both JS and TS

babel postcss react typescript webpack

Last synced: 12 Apr 2025

https://github.com/bezoerb/postcss-image-inliner

Image inliner for postcss

inline-images postcss

Last synced: 09 Apr 2025

https://github.com/carbonpackages/carbon.pipeline

Ultra-fast build stack for Neos CMS based on esbuild and PostCSS

build css esbuild hacktoberfest javascript neoscms postcss react svelte typescript vuejs

Last synced: 13 Apr 2025

https://github.com/jednano/postcss-circle

PostCSS plugin to insert a circle with color.

circle postcss postcss-plugin

Last synced: 23 Mar 2025

https://github.com/dialpad/dialtone

The main repository for all of Dialpad's design system resources.

css design-system design-tokens dialtone javascript less postcss ui ui-library vue vue-components vuejs2 vuejs3

Last synced: 10 Jun 2026

https://github.com/laozhu/wsk

🚀 Web starter kit for simple web font-end development.

babel eslint mock-server postcss stylelint webpack webpack4 wsk

Last synced: 29 Oct 2025

https://github.com/yisibl/postcss-unprefix

PostCSS CSS unprefix

css postcss

Last synced: 12 Oct 2025

https://github.com/megatolya/postcss-will-change-transition

PostCSS plugin to add will-change property after transition declarations

postcss transition will-change

Last synced: 10 Apr 2025

https://github.com/cityofnewyork/patterns-cli

A front-end CLI for building and managing design pattern libraries. Maintained by @NYCOpportunity

civic cli dart-sass design-systems design-tokens es-modules eslint nycopportunity patterns patterns-cli postcss pttrn sass slm-lang stylelint svg-sprite svgo svgs tailwindcss templates

Last synced: 12 May 2025

https://github.com/barbarbar338/hastepaste

🖥️ HastePaste app website (DEPRECATED)

create-next-app next next-js next-js-app nextjs postcss react react-js reactjs tailwind tailwindcss ts typescript web website

Last synced: 01 Oct 2025

https://github.com/untangled-web/untangled-ui

A library that contains pre-written UI components such as form support, image clipping, image library, date pickers, etc.

clojurescript css postcss react-components visual-regression-tests web-components

Last synced: 21 Feb 2026

https://github.com/krishyadav90/travelease-a-trip-planner

✈️ TravelEase — Your intelligent travel companion. Plan personalized trips, explore destinations, estimate costs, and chat with an AI travel assistant — all in one sleek, modern web app.

jwt-auth plpgsql postcss postgresql-database shadcn-ui typescript vite

Last synced: 07 May 2026

https://github.com/samline/shido

Build interfaces quickly with a lightweight, flexible, and friendly CSS framework designed to be quick and easy without forcing you to overwrite styles or components. Your design, your rules.

artisan css css-framework css-modules front-end frontend functional-css grid grid-layout grid-system helpers-library less less-mixins mixins postcss responsive sass shido ui utility-classes

Last synced: 29 Oct 2025

https://github.com/ahansson/hgrid-css

🌟 A lightweight and practical CSS utility kit. Zero config. Flat learning curve.

autoprefixer css css-framework css-utilities hgrid-css html node-sass postcss responsive-design scss utility-classes

Last synced: 11 Jun 2025

https://github.com/zcreativelabs/fiber-css

An atomic css framework focused on responsive design

atomic-css css design-systems design-tools postcss responsive-design

Last synced: 02 Jul 2025

https://github.com/theelegantcoding/astro_template_webpage

📦️ This repository that contains an Astro template ready for any website you can imagine. It's like a Swiss Army knife for developers, offering pre-built modules and flexible configurations to kickstart your project, regardless of its type.

accessibility astro bun clean-architecture clean-code design-system eslint i18n node performance postcss sass seo style-guide stylelint typescript vite web-development

Last synced: 03 Aug 2025

https://github.com/modularorg/modularbp

⬡ Dead simple modular boilerplate.

babel boilerplate browsersync cssnext es6 gulp handlebars liquid modular postcss rollup sass static-site-generator

Last synced: 19 Apr 2025

https://github.com/dbox/caesura

:straight_ruler: A reasonable breakpoint scale using @custom-media

css cssnext custom-media mediaqueries mediaquery postcss

Last synced: 26 Oct 2025

https://github.com/iamnewton/alfred-postcss-workflow

Alfred App Workflow for https://www.postcss.parts

alfred alfred-workflow postcss workflow

Last synced: 22 Apr 2025

https://github.com/intecmedia/intecmedia.webpack

webpack bootsrap boilerplate

babel boilerplate bootstrap es2015 es6 eslint imagemin nunjucks postcss scss stylelint svgo webpack

Last synced: 12 Aug 2025

https://github.com/jednano/postcss-nested-vars

PostCSS plugin for nested Sass-like variables.

nested postcss postcss-plugin sass variables vars

Last synced: 02 Jul 2025

https://github.com/sedlukha/postcss-interpolate

PostCSS plugin for values interpolation between breakpoints.

css postcss postcss-interpolate postcss-plugin typography

Last synced: 28 Feb 2026

https://github.com/remeic/generator-postcss

A simple postcss yeoman generator to be immediately ready and productive!

generator-postcss gulp postcss yeoman

Last synced: 28 Jul 2025

https://github.com/lnked/react-starter

React Starter Kit

linters mobx postcss pwa react react-router-v4 react-starter-kit styled-components tests typescript webpack4

Last synced: 25 Mar 2025

https://github.com/rommelmamedov/bb8

Starter kit for automating tasks in everyday front-end development. 👨🏻‍💻 ⚡️ 🛠 ✨ 🤖

boilerplate browsersync css cssnano csso es6 eslint favicons gulpjs html imagemin javascript nodejs postcss purifycss rigger sass starter-kit stylelint templating

Last synced: 29 Oct 2025

https://github.com/harvanchik/tailwind-template

A static site starter template using Tailwind CSS and Gulp.

css gulp gulp-plugin gulpjs html html-css-javascript html-files html5 javascript jit postcss static-site tailwind tailwind-cli tailwindcss template template-project template-repository

Last synced: 29 Oct 2025

https://github.com/princed/grunt-csswring

DEPRECATED. Minify CSS files using PostCSS-based CSSWring

css-minifier csswring deprecated grunt grunt-plugins postcss

Last synced: 09 Apr 2025

https://github.com/naoray/tailwind-caret-color

Tailwindcss plugin to color caret in input fields

caret plugin postcss tailwindcss

Last synced: 27 Mar 2025

https://github.com/awcross/postcss-each-variables

PostCSS plugin enabling variable mapping for each

each postcss postcss-plugin properties rules variables vars

Last synced: 30 Jul 2025

https://github.com/ahtohbi4/postcss-bgimage

PostCSS plugin to optimization subjective site speed

css gulp optimization postcss

Last synced: 22 Jun 2025

https://github.com/andrepolischuk/postcss-color-short

PostCSS plugin for color shortcuts

color postcss postcss-plugin

Last synced: 07 May 2025

https://github.com/yurique/laminar-snowpack-example

An example of a Snowpack build for a Scala.js + Laminar + frontroute app.

embedded-files postcss scala scala-3 scalajs snowpack tailwindcss

Last synced: 13 Apr 2025

https://github.com/meltifa/postcss-pixel-to-viewport

A CSS post-processor that converts px to viewport units.

pixel postcss postcss-plugin px vw

Last synced: 13 Apr 2025

https://github.com/stackcss/sheetify-postcss

postcss transform for sheetify, use all the plugins!

postcss sheetify

Last synced: 14 Jul 2025

https://github.com/simonsmith/postcss-generate-preset

PostCSS plugin for quickly generating repetitive utilities

javascript postcss

Last synced: 07 Oct 2025

https://github.com/kurosame/vuejs-boilerplate

Boilerplate to develop a Vue.js App

babel boilerplate circleci cypress eslint jest postcss prettier sass stylelint typescript vue vue-router vue-test-utils vuex webpack

Last synced: 11 Apr 2025

https://github.com/tomokimiyauci/mapcss

Tiny, composable Atomic CSS engine

ast atomic atomic-css css engine postcss tailwindcss

Last synced: 10 Apr 2025

https://github.com/parfaitementweb/tailwind-mix-starter

A static HTML starter template using TailwindCSS with Laravel Mix, PostCSS and PurgeCSS

laravel-mix postcss starter-template tailwindcss

Last synced: 06 May 2025

https://github.com/vuthanhtrung2010/url-shortener

An ultra fast & flexible URL shortener using PostgreSQL database

link-shortener next14 nextjs postcss postgresql postgresql-database prisma-orm sentry tailwindcss typescript url-shortener

Last synced: 26 Oct 2025

https://github.com/metaphorical/quantum-blox

Quantum blox - modular UI boilerplate in react

css jest modularity modules postcss react reactjs redux redux-saga webpack webpack2

Last synced: 09 Apr 2025

https://github.com/aymanemehdi/blocknova

BlockNova is a fully animated, dark-mode SaaS website built using Astro.js, TailwindCSS, and Framer Motion, featuring a sleek blockchain-inspired design. The project focuses on high performance, modern UI/UX, and professional-grade front-end development.

astro docker eslint framer-motion javascript postcss prettier react tailwindcss vercel