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-02 00:23:57 UTC
JSON Representation

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/cabrelngamaleu/business_web

business-web

eslint framer-motion nextjs postcss reactjs tailwind typescript

Last synced: 02 Apr 2026

https://github.com/krypton225/interactive-rating-component-main

This is just a training in Front End Mentor website.

autoprefixer concurrently css3 cssnano html5 javascript live-server postcss scss ts-loader typescript webpack webpack-cli

Last synced: 26 Jan 2026

https://github.com/eugenepokalyuk/vue-skateboarding

SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.

postcss tailwind vite vue-router4 vue3

Last synced: 25 Jan 2026

https://github.com/annaindistress/frontend-mentor-recipe-page

This is a solution to the recipe page challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 26 Jan 2026

https://github.com/ssschneider/tailwind-practice

Make it Rain! is a non-interactive landing page project developed to practice TailwindCSS.

eslint figma hero-icons nextjs postcss tailwindcss typescript

Last synced: 08 Apr 2026

https://github.com/abelnnieva/iechamberi.org

Website for a Christian assembly featuring marketing components and sections, built with Nuxt 2, Apollo Client, PostCSS, and Chakra UI Vue.

apollo-client chakra-ui nuxt2 postcss vue2

Last synced: 14 May 2026

https://github.com/margo-yunanova/mesto-project

Mesto - социальная сеть для обмена фотографиями

babel css html javascript oop postcss webpack

Last synced: 02 Apr 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/eliasjuk/palpitebox

✔️ PalpiteBox

api google-api javascript nextjs nodejs postcss react tailwindcss

Last synced: 03 Apr 2026

https://github.com/leomssilva/cineflix

:clapper: :computer: :iphone: This project is about a website that lists movies.

autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite

Last synced: 03 Apr 2026

https://github.com/pronoia9/metaversus

autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss

Last synced: 08 Apr 2026

https://github.com/kailoon/11ty-starter-kit-with-scss

Based on the official starter kit and come with 7 in 1 folder structure SCSS development using postcss, purgecss and cssnano.

11ty eleventy html nunjucks postcss purgecss scss starter-kit

Last synced: 17 Apr 2026

https://github.com/haquanq-frontendmentor/social-media-dashboard-with-theme

Solution for frontendmentor.io challenge: social-media-dashboard-with-theme

bem-css frontendmentor frontendmentor-junior javascript postcss

Last synced: 08 Apr 2026

https://github.com/jeromewolff/portfolio

Simple portfolio page hosted on Vercel

node node-js npm portfolio postcss react reactjs sass tailwind tailwind-css tailwindcss typescript vercel vercel-deployment

Last synced: 08 Apr 2026

https://github.com/condesaheki/cmb

A Svelte-based web app to provide an interactive platform for cmb community

autoprefixer brazil community daisyui mapping osu postcss svelte sveltekit tailwindcss typescript

Last synced: 17 Apr 2026

https://github.com/newset/postcss-stylus

stylus syntax for postcss

css-modules postcss stylus

Last synced: 02 Jan 2026

https://github.com/heliolj/nlw-spacetime-web

Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.

autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript

Last synced: 08 Apr 2026

https://github.com/haquanq-frontendmentor/fylo-dark-theme-landing-page

Solution for frontendmentor.io challenge: fylo-dark-theme-landing-page

bem-css frontendmentor frontendmentor-junior html5 postcss

Last synced: 18 Apr 2026

https://github.com/morzhanov/react-flow-boilerplate

React Flow Boilerplate allows you to start new web project from scratch using React and Flow.

babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack

Last synced: 06 Apr 2026

https://github.com/brockaltug/theme-selector-demo

🌈 Advanced theme showcase with 12+ interactive design systems, smooth transitions, and premium UI/UX demos.

framer-motion nextjs postcss radix-ui react tailwind-animate tailwindcss-v4 typescript

Last synced: 04 Apr 2026

https://github.com/lukaspetricek1/maturitni_projekt

FAcebook DIscord instaGRAM

express javascript mern-stack mysql nodejs postcss react react-router-dom tailwindcss typescript

Last synced: 04 Apr 2026

https://github.com/matthew-shaw/bootstrap-webpack

Bootstrap Webpack Demo

autoprefixer babel bootstrap bootstrap-icons browserslist bundler cssnano eslint javascript postcss prettier purgecss sass webpack

Last synced: 04 Apr 2026

https://github.com/tobua/postcss-tags-without-class

Make HTML Tags Opt Out-Able When Adding a Class

postcss postcss-plugin

Last synced: 19 May 2026

https://github.com/elchininet/postcss-comments

Postcss plugin to prepend or append comments to CSS rules

comments css postcss postcss-plugin

Last synced: 24 Dec 2025

https://github.com/giovanep4mg/aulas_css_avancado_2

Esse site é sobre CSS Avançado, são aulas sobre SASS, LESS, POST CSS e outras coisas ligadas ao CSS.

less postcss react sass

Last synced: 04 Apr 2026

https://github.com/kingsora/rollup-plugin-css

Bundle, process and optimize css files with rollup.

css esbuild less plugin postcss rollup rollup-plugin sass scss sss stylus sugarss

Last synced: 04 Apr 2026

https://github.com/taypyc/crypto-live-trades

eslint lucide-react postcss react react-dom tailwindcss typescript typescript-eslint vercel-deployment vitejs-react websockets

Last synced: 05 Apr 2026

https://github.com/e-burgos/restoapp-admin

Admin client site for shop users

autoprefixer firebase formik postcss postcss-cli react-content-loader react-router react-router-dom reactfire tailwindcss yup-validation

Last synced: 05 Apr 2026

https://github.com/beraliv/tda-mz-netlify-cms

Netlify CMS + Netlify + React

material-ui netlify netlify-cms postcss react react-helmet

Last synced: 18 Apr 2026

https://github.com/rabbitmaid/php_vite_boilerplate

Boilerplate for implementing plain php projects with vite

autoprefixer npm php postcss tailwindcss vanilla-php vite xampp

Last synced: 18 Feb 2026

https://github.com/bymathias/web-static-boilerplate

Minimalist static website boilerplate and build process to quickly get projects going.

babel cssnano eslint handlebars imagemin jest postcss sass stylelint terser webpack

Last synced: 05 Apr 2026

https://github.com/juborajsujon/fix-nexus-client

FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.

autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss

Last synced: 05 Apr 2026

https://github.com/spring-raining/postcss-plugins

PostCSS plugin to provide theming function based on CSS variables using `@var` rules.

css postcss postcss-plugin

Last synced: 04 Jan 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/jkiimm/postcss-at-rules-bem

PostCSS plugin for BEM name convention

bem css postcss postcss-plugin

Last synced: 18 Apr 2026

https://github.com/annaindistress/frontend-mentor-bookmark-landing-page

This is a solution to the bookmark landing page challenge on Frontend Mentor

css-custom-properties html postcss svg-sprite vanilla-js vite

Last synced: 18 Apr 2026

https://github.com/nikolam-dev/nft-preview-card

Solution to NFT preview card component - Frontend Mentor Challenge

frontend-mentor postcss

Last synced: 18 Apr 2026

https://github.com/gespinha/postcss-spacer

PostCSS plugin for normalising spaces between lines on your stylesheets.

css plugin postcss postcss-modules postcss-plugin

Last synced: 18 Feb 2026

https://github.com/annaindistress/frontend-mentor-todo-app

This is a solution to the todo app challenge on Frontend Mentor

css-custom-properties github-actions html oop postcss svg-sprite vanilla-js vite

Last synced: 19 Apr 2026

https://github.com/haquanq-frontendmentor/coding-bootcamp-testimonials-slider

Solution for frontendmentor.io challenge: coding-bootcamp-testimonials-slider

bem-css frontendmentor frontendmentor-junior javascript postcss

Last synced: 28 Apr 2026

https://github.com/y-temp4/worktime-calc

This is a web application to calculate work time with multilingual support (English/Japanese).

calculator github-pages i18n postcss react tailwindcss typescript vite

Last synced: 19 Apr 2026

https://github.com/davidgarsan/webpack2-components-demo

Messing with Webpack2, ES6, PostCSS...

components ejs es6 postcss webpack webpack2 webpack2-demo

Last synced: 19 Apr 2026

https://github.com/koffeine/rollup-plugin-sass-postcss

Rollup plugin for Sass and PostCSS

postcss rollup rollup-plugin sass scss

Last synced: 20 Apr 2026

https://github.com/apis/go-htmx-post-css-example

Example CRUD Web application written in Go, HTMX, PostCSS

go-template golang htmx postcss vite

Last synced: 20 Apr 2026

https://github.com/annaindistress/frontend-mentor-news-homepage

This is a solution to the news homepage challenge on Frontend Mentor

css-custom-properties gulp html postcss vanilla-js

Last synced: 20 Apr 2026

https://github.com/scrum/postcss-envariables

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 20 Apr 2026

https://github.com/rc6799/vue-sell-car

Flutter Buy Sell

axios postcss sass tailwindcss vue3

Last synced: 20 Apr 2026

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/awayken/postcss-placeholdit

PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.

postcss

Last synced: 13 May 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/cushjs/cush-plugin-postcss

CSS plugins for cush

cush cush-plugin postcss

Last synced: 24 Apr 2026

https://github.com/khronosleung/postcss-iconfont

基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标

postcss postcss-plugin

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/kingoftac/postcss-plugin-random

A PostCSS plugin for the upcoming CSS random() function.

css css-random css-random-func css-random-function frontend frontend-web function html plugin postcss postcss-plugin postcss-plugin-random random rust-web ui wasm wasm-bindgen web web-assembly

Last synced: 27 Apr 2026

https://github.com/alexandremasy/postcss-salt-typography-parser

Salt - Typography Parser utility

postcss postcss-plugin salt

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

docz docz-plugin postcss

Last synced: 16 May 2026

https://github.com/wvbe/dirty_deno_slapper

A Deno module that slaps your TS/CSS source together

deno esbuild postcss xhtml

Last synced: 25 Jan 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/joschuaschneider/gatsby-tailwindcss-postcss-boilerplate

Gatsby Starter Default with TailwindCSS and PostCSS + PurgeCSS

gatsby postcss purgecss starter tailwind

Last synced: 28 Apr 2026

https://github.com/afeiship/postcss-one-to-many

One to many for postcss.

many margin one padding postcss to

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/barraponto/neutrino-preset-postcss-cssnext

cssnext support in Neutrino.

cssnext neutrino neutrino-preset postcss

Last synced: 13 May 2026

https://github.com/habbaz-dev/utils

🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)

2024 2024-project babel commitizen commitlint config eslint habbaz habbazdev markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts

Last synced: 26 Mar 2025

https://github.com/ingvoo/ljomi

netlifycms nuxt postcss

Last synced: 29 Apr 2026

https://github.com/hrfmmymt/postcss-starter

autoprefixer postcss stylelint

Last synced: 29 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

postcss rollup rollup-plugin

Last synced: 29 Apr 2026

https://github.com/shrpne/postcss-clear-empty-strings

Remove declarations with empty values

clear empty postcss

Last synced: 30 Apr 2026

https://github.com/zhuping/mat-autoprefixer

Prefix CSS for mat

autoprefixer mat postcss

Last synced: 14 May 2026

https://github.com/squirrel-forge/node-build-scss

Simple sass wrapper including some useful configuration options and extended features like package support and loading files as base64 encoded strings for font and image inclusion.

build cli node nodejs postcss sass simple

Last synced: 30 Apr 2026

https://github.com/jomurgel/postcss-unit-conversion

PostCSS plugin for converting units from px to em or rem.

css hacktoberfest postcss scss units

Last synced: 25 Jan 2026

https://github.com/itz-hiru/book-review-system-frontend

Frontend of Book review system

javascript postcss react react-vite tailwindcss

Last synced: 30 Apr 2026

https://github.com/givebest/postcss-usage

autoprefixer postcss

Last synced: 30 Apr 2026

https://github.com/reworkjs/postcss-preset-reworkjs

PostCSS preset for applications built using ReworkJS

postcss reworkjs

Last synced: 30 Apr 2026

https://github.com/yarastqt/postcss-theme-fallback

A postcss plugin to adding fallback values for css-variables

css-vars css-vars-fallback postcss postcss-plugin

Last synced: 30 Apr 2026

https://github.com/antonio-laguna/demo-postcss

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 01 May 2026

https://github.com/ilyoff/postcss-at-images

PostCSS plugin searches and adds high resolution background images.

background-image css high-resolution postcss postcss-plugin retina

Last synced: 01 May 2026

https://github.com/haquanq-frontendmentor/contact-form

Solution for frontendmentor.io challenge: contact-form

accessibility bem-css frontendmentor frontendmentor-junior html junior postcss

Last synced: 03 May 2026

https://github.com/catevika/udemy_bradhussey_travel-site

course-project html javascript-class javascript-event-listener javascript-modules postcss postcss-mobile-first postcss-plugins webpack

Last synced: 01 May 2026

https://github.com/haquanq-frontendmentor/fylo-data-storage-component

Solution for frontendmentor.io challenge: fylo-data-storage-component

accessibility bem-css frontendmentor junior postcss vite

Last synced: 01 May 2026

https://github.com/mirzobox/tic-tac-toe-selfmade

Tic, Tac, Toe game. Used min-max algorithm.

daisyui html javascript js-modules min-max-algorithm postcss tailwindcss vitejs

Last synced: 11 Apr 2026

https://github.com/savvy-css/generator-savvy-css

Yeoman generator for scaffolding out a Savvy module or utility

css css-framework functional-css postcss savvy-css

Last synced: 11 Apr 2026

https://github.com/annaindistress/frontend-mentor-project-tracking-intro

This is a solution to the project tracking intro component challenge on Frontend Mentor

css-custom-properties github-actions html postcss tailwind-css vanilla-js vite

Last synced: 11 Apr 2026

https://github.com/om-corp/porto-challenge-next

Challenge da Porto Seguro com next.js

next nextjs omcorp postcss react reactjs tailwindcss

Last synced: 11 Apr 2026

https://github.com/mohammed-taysser/gym

Golds GYM is a premier fitness website that offers a comprehensive platform for fitness enthusiasts and individuals seeking to improve their health. The site provides a wide range of resources, including workout plans, nutrition advice, and personal training services. Golds GYM is renowned for its high-quality content, expert trainers, and a suppor

eslint mui mui-material postcss react react-icons typescript

Last synced: 08 May 2026

https://github.com/lorenzorapetti/tailwindcss-parcel

Template with tailwindcss and parcel

parcel parcel-bundler postcss tailwindcss template

Last synced: 05 May 2026

https://github.com/andrewmcodes-archive/dr-stapleton-website

Dr. Ann E. Stapleton's Personal Website

gatsby javascript postcss react tailwind-css tailwindcss webpack

Last synced: 11 Apr 2026

https://github.com/sakkke/svelte-ultimate-template

A starter template for Progressive Web App with Svelte + TypeScript + SugarSS

eslint gitpod jest nodejs parcel postcss pwa starter stylelint sugarss svelte template typescript

Last synced: 11 Apr 2026

https://github.com/vandodev/gerenciador-de-habitos

Gerenciador de hábitos com Next

eslint nextjs postcss tailwindcss typescript vercel-kv

Last synced: 11 Apr 2026

https://github.com/darinelescobar/react-vite-shadcn-ui-template

React + Vite template with TypeScript, Tailwind CSS, and seamless V0.dev integration for effortless AI-generated components.

ai ai-templates eslint fast-prototyping postcss react react-template shadcn shadcn-ui tailwindcss typescript v0-dev v0dev vite

Last synced: 11 Apr 2026

https://github.com/yash-jivani/heritage-detection

Heritage image Detection UI

css es6 html javascript postcss react tailwindcss

Last synced: 11 Apr 2026

https://github.com/cabrelngamaleu/invest

invest website

clsx eslint framer-motion nextjs14 postcss react use-debounce

Last synced: 11 Apr 2026

https://github.com/amarjithtk/eleventy_tailwind_template

Eleventy Tailwind Template A starter template combining Eleventy (11ty) static site generator with Tailwind CSS for creating fast, modern websites with minimal effort.

eleventy nunjucks postcss tailwindcss

Last synced: 11 Apr 2026