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/robbevp/postcss-multiple-tailwind

Easily handle multiple tailwindcss configs within your project.

postcss postcss-plugin tailwindcss

Last synced: 28 Mar 2025

https://github.com/nico-martin/markdown-editor

An on-device AI powered markdown editor web app based on the File System Access API

ai filesystemaccess postcss preact pwa webai webllm workbox

Last synced: 30 Jun 2025

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

PostCSS plugin to center elements.

center postcss postcss-plugin

Last synced: 21 Jul 2025

https://github.com/lbzui/vue

📕 Material Components for @vuejs

lbzui less material-components material-design postcss typescript vue

Last synced: 12 Feb 2026

https://github.com/8398a7/abilitysheet

This app is ability sheet for beatmania iidx music of level 12.

circleci docker gcp helm iidx immutablejs kubernetes postcss postgresql rails react react-rails redux redux-saga ruby slack typescript yarn

Last synced: 27 Jul 2025

https://github.com/leodido/postcss-clean

PostCss plugin to minify your CSS with clean-css

clean-css css es2015 hacktoberfest javascript minification minify optimizer postcss postcss-plugin

Last synced: 17 Mar 2025

https://github.com/barata-ribeiro/vite-vanilla-js-template

ViteJS starter template for vanilla JavaScript with some basic dependencies.

autoprefixer boilerplate boilerplate-template css-nano css-reset eslint javascript open-source postcss prettier scaffold-template template vanilla-javascript vite vite-template vitejs vitejs-template

Last synced: 15 Jul 2025

https://github.com/lttb/postjss

Use the power of PostCSS in compiling with JSS

babel babel-plugin css-in-js jss postcss styled-components

Last synced: 12 Oct 2025

https://github.com/arccoza/postcss-aspect-ratio

A PostCSS plugin to fix an element's dimensions to an aspect ratio.

aspect-ratio css postcss postcss-plugin

Last synced: 22 Aug 2025

https://github.com/justim/postcss-svg-fallback

An automatic SVG converter for your CSS files

javascript postcss postcss-plugins svg svg-fallback

Last synced: 04 Oct 2025

https://github.com/xxczaki/static-webpack-boilerplate

:rocket: Minimal & Modern Webpack Boilerplate for building static sites

babel boilerplate modern postcss site static-site stylelint webpack website xo

Last synced: 11 Apr 2025

https://github.com/jeff2ma/postcss-lazyimagecss

A PostCSS plugin that generates images's CSS width & height properties automatically.

css nodejs postcss postcss-lazyimagecss postcss-plugin

Last synced: 21 Jun 2025

https://github.com/lskjs/lskjs

Lego Starter Kit — Node.js & React isomorphic app creator (Node.js, Express, React.js, Babel, PostCSS, Webpack)

babel boilerplate express nodejs postcss react starter-kit webpack

Last synced: 07 May 2025

https://github.com/tol-is/tailwind-compositor

A tailwindcss system of constraints designed to produce aesthetically pleasing, typographic compositions, based on objective, constant dimensions of space.

baseline baseline-grid css grid postcss tailwind tailwindcss tailwindcss-plugin typography vertical-rhythm

Last synced: 12 Oct 2025

https://github.com/dimitrinicolas/postcss-import-ext-glob

A PostCSS plugin to extend postcss-import path resolver to allow glob usage as path, e.g. @import-glob "**/*.css";

glob postcss postcss-import postcss-plugin

Last synced: 27 Oct 2025

https://github.com/ximing/mpbuild

小程序构建工具

babel build miniprogram npm postcss typescript

Last synced: 10 Apr 2025

https://github.com/brycewray/eleventy_solo_starter

Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.

11ty css demo eleventy internalcss jit postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss

Last synced: 27 Sep 2025

https://github.com/topaxi/postcss-selector-namespace

Namespace your CSS selectors using postcss

component namespace postcss prepend scss selector

Last synced: 27 Jul 2025

https://github.com/gladejs/gladejs

Helping Marko to Roll Uphill, Pass the CaScadeS and reach the GladeJS at 11' for Tea (it's a frontend framework).

eleventy jamstack marko postcss rollup ssg static-site-generator

Last synced: 26 Oct 2025

https://github.com/windicss/postcss-windicss

PostCSS integrations for Windi CSS

postcss postcss-plugin windicss

Last synced: 07 Jul 2025

https://github.com/arccoza/postcss-if-media

A PostCSS plugin to inline or nest media queries within CSS rules & properties.

css media-queries postcss postcss-plugins

Last synced: 08 Jul 2025

https://github.com/Bhanu1776/Nextjs15-Starter-Template

A no non-sense Next.js starter template with Typescript + Tailwindcss + Eslint + Prettier + Husky + pnpm + PWA 🔥

cz-git debug-screens eslint eslint-airbnb husky knip nextjs-starter nextjs-template nextjs13 pnpm postcss prettier-eslint progressive-web-app react tailwindcss tailwindcss-prettier typescript

Last synced: 09 Oct 2025

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

Clean CSS vendor prefixes from your source.

postcss

Last synced: 04 Aug 2025

https://github.com/weihanchen/angular-screenshot

Angularjs directive for screen capture.

angular capture cssnext es6 karma postcss screenshot webpack2

Last synced: 27 Oct 2025

https://github.com/hex-ci/vscode-stylelint-plus

A VS Code extension to lint CSS/SCSS/Less with Stylelint. Zero-config with bundled v15, auto-fix on save, supports v14–v17, Vue, Svelte, and styled-components.

autofix code-quality css language-server-protocol less linter postcss scss styled-components stylelint svelte vscode vscode-extension vue

Last synced: 24 Feb 2026

https://github.com/yunsii/postcss-antd-fixes

PostCSS plugin tries to fix all issues about antd with any others global CSS reset

ant-design antd postcss postcss-plugin tailwindcss

Last synced: 05 Sep 2025

https://github.com/redeagleap/meow-boilerplate

:package: :cat2: Awesome Meow Boilerplate for creating Front-end projects in seconds!

babel critical-css framework front-end gulp itcss linting postcss sass sassdoc svg-sprites webpack

Last synced: 12 Apr 2025

https://github.com/umbopepato/rollup-plugin-postcss-lit

Rollup plugin to load PostCSSed stylesheets in LitElement components

css lit-element lit-html postcss rollup rollup-plugin

Last synced: 13 Apr 2025

https://github.com/vaban-ru/gulp-template

Шаблон для верстки. Используется SCSS, PostHTML и автоматическая генерация SVG спрайтов

babel css gulp html js postcss posthtml scss

Last synced: 04 Mar 2026

https://github.com/wochap/webpack-boilerplate

Webpack 4 boilerplate (babel, eslint, prettier, jest, sass, postcss, hmr, browsersync)

babel boilerplate es2015 eslint hmr jest postcss prettier scss simple webpack webpack-boilerplate webpack-dev-server webpack2 webpack3 webpack4

Last synced: 27 Oct 2025

https://github.com/running-grass/starter-lit-with-tailwind

A boilerplate using Vite, Lit and Tailwind CSS.

lit lit-element lit-html pnpm postcss stylesheet tailwind tailwindcss ts twind typescript vite

Last synced: 21 Mar 2025

https://github.com/crimx/postcss-safe-important

PostCSS plugin that adds !important to style declarations safely.

cleanslate css important keyframes postcss stylesheets

Last synced: 08 Oct 2025

https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate

Tailwind CSS + PostCSS + BrowserSync boilerplate

boilerplate browser-sync browsersync postcss starter-kit tailwind tailwind-css tailwindcss

Last synced: 19 Mar 2025

https://github.com/darrenjacoby/tailwindcss-fl

TailwindCSS plugin to generate fluid utility classes using existing config

css postcss tailwind tailwindcss-plugin

Last synced: 27 Mar 2025

https://github.com/stencil-community/stencil-postcss

Autoprefixer plugin for Stencil

autoprefixer autoprefixer-plugin postcss postcss-plugins stencil stenciljs

Last synced: 11 Sep 2025

https://github.com/hex22a/postcss-glitch

PostCSS plugin that adds a glitch effect to your text

glitch postcss postcss-glitch postcss-plugin

Last synced: 01 Feb 2026

https://github.com/yingye/wepy-plugin-px2units

A wepy plugin for that generates rpx units from pixel units, it also can generate units which you want.

postcss px2rpx px2units wepy wepy-plugin

Last synced: 12 Apr 2025

https://github.com/jeff2ma/postcss-lazysprite

A PostCSS plugin that automatic generates sprites from the directory of images with hight perfomance.

css generates-sprites postcss postcss-plugin retina-support sprites spritesmith stylesheets svg-sprites

Last synced: 07 Jul 2025

https://github.com/swissquote/crafty

The task runner that binds them all

babel build-tool eslint gulp postcss rollup stylelint typescript webpack

Last synced: 05 Apr 2025

https://github.com/jeffjewiss/broccoli-postcss

🌳 Postcss compiler as a Broccoli filter.

broccoli broccoli-plugin postcss postcss-plugins

Last synced: 20 Aug 2025

https://github.com/clean-commit/gatsby-starter-henlo

The most advanced starter for Gatsby & Decap CMS. Extensible, block based starter for Decap CMS. Built with performance in mind, styled with TailwindCSS.

decap-cms gatsby gatsby-starter gatsby-starter-kit gatsbyjs henlo jamstack netlify netlify-cms postcss seo tailwind tailwindcss tailwindcss-v4

Last synced: 28 Apr 2025

https://github.com/DenyVeyten/postcss-deadcss

Plugin that helps to find dead CSS in stylesheets

css optimization performance postcss postcss-deadcss

Last synced: 12 Jul 2025

https://github.com/guillaumebriday/turbo-frames-debug

Small package to help you debug your turbo-frames.

hotwire hotwire-turbo hotwired postcss

Last synced: 08 Oct 2025

https://github.com/polemius/postcss-clamp

PostCSS plugin to transform clamp() to combination of min/max

clamp css max min postcss

Last synced: 30 Oct 2025

https://github.com/shanerobinson/linkist

Simple, highly configurable alternative to Linktr.ee and LinkIn.bio built with 11ty and TailwindCSS

11ty cssnano eleventy linked-list linkinbio-alternative links linktree-alternative postcss purgecss tailwindcss

Last synced: 12 Apr 2025

https://github.com/ggkovacs/node-px2rem

Pixel to rem postprocessor

nodejs postcss px2rem

Last synced: 17 Oct 2025

https://github.com/charliewilco/obsidian

💎 A Modular CSS Library

css css-framework itcss postcss postcss-plugin

Last synced: 21 Mar 2025

https://github.com/kristerkari/react-native-postcss-transformer

Use PostCSS to style your React Native apps.

loader postcss react-native transformer

Last synced: 27 Mar 2026

https://github.com/yeasin2002/programming-resources-and-notes

This is my personal Note And I Through this note's going to help others people as well so if you find anything useful Please let me know, just give me a star if you want And this note is going to update every time, So Stay tuned, thanks! 🥰

blog cheatclient fontend javascript notes npm postcss resources tailwind tailwindcss tutorial

Last synced: 07 Mar 2026

https://github.com/zhaotoday/react.js

A boilerplate for react js project. 基于 reactjs+redux+webpack2 的单页应用项目模板。

css-modules es6 postcss react redux sass webpack2

Last synced: 13 Jul 2025

https://github.com/postcss/postcss-color-gray

Use the gray() color function in CSS

color colour convert css4 cssnext gray grey javascript nodejs postcss postcss-plugin

Last synced: 03 Mar 2026

https://github.com/aaronjan/postcss-font-grabber

A postcss plugin, it grabs remote font files and update your CSS, just like that.

css font font-face gulp loader metadata postcss remote-fonts rollup rollup-plugin typescript webpack

Last synced: 09 Apr 2025

https://github.com/raulghm/multi-brand-colors

Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON

brand color colors css css-variables json less multi-brand-colors postcss sass scss stylus w3c

Last synced: 17 Oct 2025

https://github.com/gridonic/postcss-replace

PostCSS plugin for replacing strings.

postcss postcss-plugin replace strings

Last synced: 11 Apr 2025

https://github.com/blixai/blix

⚙️🔧 CLI tool and scripting library to create, automate, and enhance Javascript applications

bookshelf express knex mongodb mongoose postcss postgres pug react react-router redux sass vue vue-router vuex webpack

Last synced: 24 Oct 2025

https://github.com/alicanerdurmaz/computer-store

MERN Stack E-Commerce Project

ecommerce express mongodb nestjs nextjs postcss react typescript

Last synced: 23 Aug 2025

https://github.com/1j01/postcss-gtk

Processes GTK+ CSS into browser CSS

browser-css gtk gtk3 gtk3-theme postcss postcss-gtk postcss-plugin postcss-plugins processor style styles stylesheet

Last synced: 20 Mar 2025

https://github.com/michaelmang/tempera

A CLI toolkit for aiding design tokens adoption.

design-tokens oclif postcss

Last synced: 23 Jun 2025

https://github.com/lagden/postcss-inline-base64

PostCSS plugin used to replace value inside of url function to base64

base64 font-face image inline plugin postcss src svg url

Last synced: 20 Jun 2025

https://github.com/gilmoreorless/postcss-gradient-transparency-fix

PostCSS plugin to fix up CSS gradients with transparency for older browsers

css-gradients postcss postcss-plugin

Last synced: 23 Apr 2025

https://github.com/nicothin/criteria-of-quality-frontend

Критерии качественной вёрстки (разметка, стилизация, картинки, шрифты, автоматизация и пр.)

checklist criteria css frontend html less postcss sass stylus

Last synced: 09 Apr 2025

https://github.com/bntzio/gatsby-starter-alchemy

✨🔮 A Gatsby starter with PostCSS powers

blog boilerplate cssnext gatsby hacktoberfest landing-page lost-grid postcss react starter-kit static-site

Last synced: 14 Apr 2025

https://github.com/gasolin/postcss-bidirection

PostCSS plugin that polyfill Bi-directional CSS properties and values to suppot rtl and ltr rules in all browsers

bidirectional postcss right-to-left rtl

Last synced: 20 Jun 2025

https://github.com/blvdmitry/project-starter

My starter boilerplate for new projects. Totally opinionated :)

apollo graphql postcss react starter-kit typescript

Last synced: 02 Sep 2025

https://github.com/hnordt/react-native-postcss-transformer

A babel transformer that adds PostCSS support for React Native apps

babel-transformer expo postcss react react-native tailwind-css

Last synced: 26 Oct 2025

https://github.com/madeleineostoja/laggard

Automatically generate CSS fallbacks for legacy browsers, built on PostCSS

css-fallbacks legacy-browsers postcss postcss-plugins

Last synced: 21 Aug 2025

https://github.com/madeleineostoja/postcss-position

PostCSS plugin that adds shorthand declarations for position attributes

css positioning postcss postcss-plugin

Last synced: 20 Mar 2025

https://github.com/planetoftheweb/postcsslayouts

This is the repository for my course, Building a Responsive Single-Page Design with PostCSS on LinkedIn Learning and Lynda.com.

css layouts linkedinlearning lynda lynda-com postcss precss rayvillalobos responsive training tutorial

Last synced: 30 Jul 2025

https://github.com/morewings/react-library-template

Stop configuring, start coding your library. React Library Template makes it happen.

css-modules jest npm-module npm-package postcss react storybook tailwindcss template-project typescript vite

Last synced: 22 Apr 2025

https://github.com/okikio/okikio

Okiki Ojo — Web Developer & Designer (Portfolio)

astrobuild gitpod markdown postcss tailwindcss typescript webdev website

Last synced: 30 Apr 2025

https://github.com/samuelgoddard/gatsby-tailwind-motion

An opinionated starter for Gatsby v2 with Tailwind and Framer Motion

framer gatsby motion postcss tailwind

Last synced: 27 Apr 2025

https://github.com/darktasevski/Frontend-Starter-Kit

A boilerplate for frontend projects powered by Gulp, HTML5 bolierplate, Sass, PostCss and Webpack(for Babel transpiling).

automation css development-workflow eslint-config frontend gulp gulp-tasks postcss prettier sass scss webpack

Last synced: 19 Nov 2025

https://github.com/retyui/postcss-icon

PostCSS plugin that adds `css icons` from icon sets

postcss postcss-plugin

Last synced: 10 Jul 2025

https://github.com/shvm-09/tailwind-with-vite

This project serves as a demonstration of effectively integrating Tailwind CSS with Vite and post-processing. Additionally, it showcases seamless compatibility with the Tailwind CSS class order corrector plugin and features a dark-light mode switcher.

autoprefixer dark-mode jsmastery netlify postcss prettier tailwind-template tailwindcss tailwindcss-plugin vite

Last synced: 18 Sep 2025

https://github.com/dlebedynskyi/react-playground

React application with React Router v4, async components etc

async-component async-reducers ava code-splitting dynamic-routes eslint isomorphic postcss prettier react react-helmet react-router react-router-v4 reducer redux-store router split ssr universal webpack2

Last synced: 13 Apr 2025

https://github.com/ezavile/postcss-plugins

Monorepo that contains a set of PostCSS plugins.

button-builder button-generator button-style css-utilities design-tokens postcss postcss-plugins typescript-css utility-first

Last synced: 09 Aug 2025

https://github.com/gucong3000/postcss-markdown

PostCSS Syntax for parsing Markdown

css html markdown postcss syntax

Last synced: 10 Apr 2025

https://github.com/anibalsanchez/XT-TailwindCSS-Starter

A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.

cssnano postcss tailwindcss webpack

Last synced: 12 Oct 2025

https://github.com/brycewray/eleventy_solo_starter_njk

Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.

11ty css demo eleventy internalcss jit nunjucks postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss

Last synced: 29 Sep 2025

https://github.com/sammyleths/unicorn-agency

Unicorn Agency is a modern responsive HTML5 landing page template suitable for use by digital agencies. Developed using Bootstrap5, Sass, Fontawesome, JavaScript, HTML5, GLightbox, NPM, Autoprefixer and PostCSS.

autoprefixer bootstrap5 css3 digital-agency digital-agency-template glightbox html5 javascript npm postcss sass template vanilla-javascript

Last synced: 08 Oct 2025

https://github.com/thuongtruong1009/notedev

📋 A convenient space to keep a diary of things that need to be done every day

config css cypress deploy editorconfig eslint github github-config html javascript netlify notes postcss tailwindcss typescript vite vscode vue vuejs windicss

Last synced: 24 Apr 2025

https://github.com/bcomnes/domstack

🪢 Websites made with HTML CSS & (T/J)S(X)

css esbuild html jamstack js markdownit md postcss

Last synced: 05 Apr 2026

https://github.com/movahedan/next-boilerplate

A well-structured production-ready Next.js boilerplate with a well-documented directory structuring that supports Typescript, Jest, react-testing-library, Cypress, configurable Fetch and SWR, and a configured component library using Emotion, twin.macro, Tailwind, and Storybook. Plus, taking advantage of NextSeo and NextSitemap.

boilerplate cypress emotion fetch jest next-seo next-sitemap nextjs postcss react react-test-renderer react-testing-library storybook swr tailwindcss typescript