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/stuymedova/kirby-rollup-postcss

[SETUP] Kirby CMS template adapted to be used with modern frontend tools

kirby kirby-cms kirby3 kirby3-cms postcss rollup

Last synced: 21 Nov 2025

https://github.com/cxspxr/vue-cli-plugin-sugarss

:strawberry: SugarSS support for vue-cli projects

postcss sass stylus sugarss vue vue-cli vue-cli-plugin webpack

Last synced: 09 Apr 2026

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

PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.

postcss postcss-plugins salt salt-plugins

Last synced: 18 May 2026

https://github.com/seniorjoinu/react-frontend-skeleton

Don't waste your time

ajax babel boilerplate easy easy-to-use frontend generator javascript minimal minimalistic postcss react react-redux-router redux sass simple skeleton template webpack

Last synced: 07 Apr 2026

https://github.com/lhywell/postcssinwebpack

vue项目中的postcss与webpack配置

postcss vuejs2 webpack3

Last synced: 15 Apr 2026

https://github.com/loreina/base

Webpack 4 starter (babel, eslint, sass, postcss)

babel eslint html javascript nodejs postcss scss webpack

Last synced: 11 Apr 2026

https://github.com/arnobt78/feedback-widget--nextjs

Feedback Widget Next is a reusable, embeddable feedback widget for modern web projects. Users can submit feedback (name, email, message, rating), which is stored in a MongoDB database via Prisma. The widget is designed for easy integration, customization, and educational purposes.

app-router-nextjs feedback feedback-collection integrated-app javascript nextjs postcss prisma prisma-client prisma-orm react-functional-components resuable-feedback-widget reusable-widget shadcn tailwindcss typescript vercel-deployment widget widget-embedding

Last synced: 24 Jun 2025

https://github.com/devmattrick/postcss-color-5

[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).

5 color color-adjust color-contrast color-mix css module postcss postcss-plugin

Last synced: 24 Feb 2026

https://github.com/arnobt78/embedded-feedback-widget--nextjs

Last synced: 28 Jun 2025

https://github.com/rqbazan/aimo-challenge

Solution for the AIMO challenge 🤓

github-api nextjs postcss tailwindcss typescript

Last synced: 15 Apr 2026

https://github.com/octet-stream/tailwindcss-device

TailwindCSS plugin to add variants for input device detection using `@media` queries

media-queries postcss tailwindcss tailwindcss-plugin

Last synced: 06 Feb 2026

https://github.com/yazeedobaid/my-laravel-setup

My Laravel Project setup

eslint jest laravel laravel-setup postcss tailwindcss vue

Last synced: 11 Apr 2026

https://github.com/bernardomennndes/routine-planner

Projeto desenvolvido durante a oficina de introdução ao React.js, durante o evento da semana do programador Unicoder.

postcss radix-ui react tailwindcss typescript vite zod

Last synced: 20 Jan 2026

https://github.com/exslym/portfolio-new-3d

A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)

autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs

Last synced: 10 Apr 2026

https://github.com/aggutierrez98/aggutierrez-portfolio

cssmodules framer-motion nextjs personal-website postcss react typescript

Last synced: 04 Jan 2026

https://github.com/tamino-martinius/ui-snippets-template

Webpack Template with HTML (just body), CSS/PostCSS and JS/TypeScript

html postcss typescript ui-snippets

Last synced: 06 May 2026

https://github.com/devbyray/raymonschouwenaar-blog

RaymonSchouwenaar.nl blog

asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack

Last synced: 11 Apr 2026

https://github.com/alexandrecpedro/esports

eSports platform for web and mobile - NLW eSports

esports expo express expressjs figma hoppscotch nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat-nlw sqlite3 tailwindcss twitch twitch-api typescript vite

Last synced: 07 Apr 2026

https://github.com/tshasan/tshasan.com

A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.

daisyui pnpm postcss sveltekit tailwind-css vite

Last synced: 29 Jan 2026

https://github.com/voightco/static-site-starter

A boilerplate for building static websites using 11ty

11ty boilerplate eleventy postcss starter-kit static-site static-site-generator

Last synced: 13 Apr 2026

https://github.com/hyperdargo/ankitgupta-portfolio-v4

Linux Terminal Theme Website

css html javascript postcss reactjs tailwindcss vite

Last synced: 15 Apr 2026

https://github.com/cassler/use-minesweeper

Basic implementation of Minesweeper as a React hook.

games minesweeper postcss react react-hooks tailwind typescript vite

Last synced: 15 Apr 2026

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

PostCSS transformer with Typescript support for React Native

css loader postcss react-native transformer typescript

Last synced: 20 Jan 2026

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

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 31 Jan 2026

https://github.com/ulyanov-programmer/takeaway-delivery

Landing page with full-screen scrolling and animations.

css gulp html js landing postcss ts

Last synced: 11 Apr 2026

https://github.com/gxlmyacc/build-react-esm-project

a react build command that will transform js/jsx/images/scss/less with gulp-babel/postcss/scss/less plugin, this is a good way to release an NPM package.

babel build-tool esm npm-package postcss react

Last synced: 31 Jan 2026

https://github.com/chenycl/react-pro

react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css

antd classnames hooks mock postcss react react-redux react-router-dom sass

Last synced: 10 Apr 2026

https://github.com/mouhametnd/pomodoro-app

This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js

bem-methodology gulpjs javascript localstorage postcss scss

Last synced: 31 Jan 2026

https://github.com/joyontokarmakar/tailwind-css-starter-pack

postcss starter-pack tailwindcss

Last synced: 15 Apr 2026

https://github.com/dimitrinicolas/ava-postcss-tester

Simply test your PostCSS plugin with AVA

ava postcss test testing-tools

Last synced: 27 Apr 2026

https://github.com/jamiller619/tachyons.js

Tachyons helper function for JavaScript. Built with PostCSS Modules.

css css-in-js css-modules postcss postcss-modules tachyons tachyons-css

Last synced: 25 Feb 2026

https://github.com/vtbag/postcss-active-view-transition-type

until :active-view-transition-type is baseline, rewrite it to check for css classes on :root, which can be automatically set using mayStartViewTransition from @vtbag/utensil-drawer with the useTypePlugin extension

polyfill postcss view-transition-types

Last synced: 04 Aug 2025

https://github.com/lumakernel/web-playground

editorconfig eslint gulp postcss typescript

Last synced: 12 Apr 2026

https://github.com/timscodebase/design-tim

This is my personal website.

html-css-javascript postcss svelte sveltekit typescript

Last synced: 02 Feb 2026

https://github.com/jeff2ma/postcss-decls-ref

A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).

css declaration extend postcss postcss-plugin ref sass

Last synced: 02 Feb 2026

https://github.com/osamamammar/calculator

🧮 JS practice project from (The Odin Project). calculator

css html javascript postcss pugjs theodinproject

Last synced: 15 Apr 2026

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

A PostCSS Responsive Styling Kit

bemit clojurescript css itcss namespace pattern-library postcss ui-components

Last synced: 16 May 2026

https://github.com/mohamedsamara/react-node-typescript

Fullstack TypeScript Template

node postcss pwa react sass typescript webpack workbox

Last synced: 09 Apr 2026

https://github.com/madebywild/wildplate

An opinionated, modern post-gulp-era toolkit tailored for visual-heavy microsites and less for data-driven apps.

boilerplate css-modules imagemin microsite postcss react scss toolkit webpack2

Last synced: 28 Sep 2025

https://github.com/mrbenhowl/react-animated-hamburger-example

Hamburger menu built using React and CSS (transitions). No images or SVGs.

css css-modules hamburger-menu postcss postcss-cssnext react transition-animation

Last synced: 11 Apr 2026

https://github.com/takunagai/nextjs-website

Learning Next.js and tailwind while building websites.

nextjs postcss preline react tailwindcss typescript

Last synced: 11 Apr 2026

https://github.com/halvaradop/ui

A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.

pnpm postcss react storybook tailwindcss ui ui-library

Last synced: 21 Apr 2025

https://github.com/lordpluha-zz/devgulp

Creating gulpfile strater-project, based on newest stable trends

css gulp gulp-plugins gulp-sass gulp-starter gulp-tasks gulp4 gulpjs html html5 html5-css3 html5-framework javascript node-js nodejs php postcss scss stylelint

Last synced: 09 Feb 2026

https://github.com/semanticdata/ximena

🐞 Eleventy starter theme/template with TailwindCSS, DaisyUI.

11ty 11ty-starter cssnano daisyui eleventy eleventy-starter postcss prettier sass tailwindcss work-in-progress

Last synced: 09 Feb 2026

https://github.com/glauberramos/travel-planner

Simple website to create travel plans

cssmodules express nodejs postcss react redux sequelize

Last synced: 10 Feb 2026

https://github.com/hackemateninja/ronindev

ronindev hugo blog and portfolio

alpine go hugo postcss tailwindcss

Last synced: 12 Apr 2026

https://github.com/danielbayley/atom-source-preview-postcss

:atom: @Atom source-preview provider for @PostCSS.

apm atom coffeescript css editor package plugin postcss preprocessor preview source

Last synced: 06 Apr 2025

https://github.com/bigcui/postcss-px2scale

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 10 Feb 2026

https://github.com/brunogroth/livewire

Learning Livewire | PHP & Laravel & Livewire & TailwindCSS

laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss

Last synced: 13 Apr 2026

https://github.com/p10ns11y/peramsathyam

poems and blogs

fly postcss reactjs remix-run stately tailwindcss xstate

Last synced: 07 Apr 2026

https://github.com/aaronvanston/zones

At a glance view timezones across the world | Simple boilerplate for React

boilerplate cssmodules cssnext jest postcss react redux timezone webpack

Last synced: 10 Feb 2026

https://github.com/maybemonad/vite-lib-starter

postcss react tailwindcss typescript

Last synced: 12 Apr 2026

https://github.com/pokedotdev/my-gallery-devchallenge

Devchallenges.io challenge made with React and Tailwindcss

postcss reactjs tailwindcss

Last synced: 16 Apr 2026

https://github.com/keidrun/boilerplate-react

Boilerplate of React with Webpack.

boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2

Last synced: 07 Apr 2026

https://github.com/axshatind/synnextial

A Collaborative/Personal-Workspace designed to streamline team communication, document management, and project coordination. Inspired by modern tools, SynnexTial aims to provide a seamless, intuitive experience for teams working in fast-paced environments.

api firebase firestore firestore-database formik git gsap nextjs postcss redux tailwindcss

Last synced: 15 Mar 2025

https://github.com/danielbayley/postcss-heading

@PostCSS polyfill to use the :heading pseudo-class today.

caniuse css headings html npm npm-module npm-package npmjs plugin polyfill postcss postcss-plugin selector

Last synced: 30 May 2026

https://github.com/sugarcoat/sugarcoat-example-project

Sugarcoat Example Project

css cssnext documentation jsdoc less library living living-documentation pattern pattern-library postcss sass styleguide

Last synced: 11 Apr 2026

https://github.com/tulepbergenov/my-gulp

My gulp build 🛠️

css gulp html javascript nunjucks postcss

Last synced: 13 Apr 2026

https://github.com/creaworks-labs/postcss-react-bender

PostCSS plugin to process react-bender styling features with scss like syntax.

css-in-js cssnext postcss postcss-plugin react-native styled-components stylesheet

Last synced: 13 Feb 2026

https://github.com/lovetingyuan/vue-flags-webpack-plugin

Remove useless code by setting flags(toggles) in vue (or without vue) project

feature-flags features flags optimization plugin postcss toggle vue webpack

Last synced: 11 Apr 2026

https://github.com/mariusz-ba/postcss-ms-grid

PostCSS plugin for adding css-grid fallback for IE.

css-grid grid ie11 ie11-grid postcss postcss-plugin

Last synced: 16 Jan 2026

https://github.com/juunie-roh/setting-up-next

eslint headlessui-react heroicons-react husky jest lint-staged nextjs postcss prettier react-redux react-three-cannon react-three-drei react-three-fiber redux reduxjs-toolkit semantic-release storybook tailwind-css tailwindcss typescript

Last synced: 12 Apr 2025

https://github.com/fitri-hy/dev-framework

Fullstack framework designed for building modern web applications with ease

dev framework frontend fullstack fullstack-javascript nodejs postcss tailwindcss web-framework webpack

Last synced: 14 Feb 2026

https://github.com/everproof/blueq-react-boilerplate

BlueQ's React App boilerplate

babel blueq boilerplate es6 eslint javascript postcss react react-boilerplate react-router redux sass sass-lint scss webpack2

Last synced: 07 Oct 2025

https://github.com/sammyleths/mediplay

MediPlay is the informational website for a gamified medication app for children who need to take medication every day.

autoprefixer bootstrap bootstrapicons font-awesome html5 npm parcel-bundler postcss sass scss

Last synced: 14 Feb 2026

https://github.com/harinathlee/ford-app

This is repo where we try to figure out the architecture, folder structure and dependencies that we need to follow in the initial state of Ford project development.

eslint jest js postcss react rtk rtk-query rtl tailwindcss vitest vitest-ui

Last synced: 14 Feb 2026

https://github.com/justforuse/postcss-learn

postcss

Last synced: 20 Apr 2026

https://github.com/ivankprod/mxm-shopper

Shopper landing

babel env html js postcss sass scss webpack

Last synced: 11 Apr 2026

https://github.com/den4ik117/rgs

Расчётно-графическая работа по математической статистике

css3 html5 js laravel mathjax maths pdf php81 postcss report rgr

Last synced: 16 Feb 2026

https://github.com/jlozovei/loaderscss

Simple + awesome css-only crafted loaders

css loaders postcss

Last synced: 16 Apr 2026

https://github.com/exslym/d-creative-studio

D-Creative Studio

animation-on-scroll eslint-plugin gh-pages github-pages javascript postcss scss webpack5

Last synced: 07 Apr 2026

https://github.com/ghaerdi/ghaerdi-webpage

ghaerdi's webpage, using vite, vue and typescript.

jest postcss typescript vite vue

Last synced: 13 Apr 2026

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

Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome

babel boilerplate bootstrap3 font-awesome postcss scss webpack3

Last synced: 08 Mar 2026

https://github.com/jl-olemar/journal-app-react

📌 Ole-journal is a journaling app for people who want to write about their notes and ideas.

date-fns firebase postcss react react-redux react-router-v6 redux redux-thunk sweetalert2

Last synced: 10 Apr 2026

https://github.com/ashwin-s-nambiar/notes-app

Notes App - A simple full-stack notes app made to improve my knowledge and ability in Next.js. Currently uses PocketBase for the backend.

full-stack nextjs pocketbase postcss router tailwindcss

Last synced: 16 Apr 2026

https://github.com/vinks/redux-ultimate-ssr

A complex starter react boilerplate for an universal web application with express api backend and server side render.

axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2

Last synced: 07 Apr 2026

https://github.com/fuckdoctors/my-vue2-elm

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。原项目地址：https://github.com/bailicangdu/vue2-elm

code-splitting postcss vue vue-cli vue-router vue2 vuex

Last synced: 21 Oct 2025

https://github.com/biril/modcss

Modular CSS with postCSS and npm scripts

css css-modules example npm-scripts postcss tutorial

Last synced: 16 Apr 2026

https://github.com/arden-rh/shelf-control

A web app for managing your personal library

firebase firebase-auth firestore melt-ui postcss school-project svelte sveltekit tailwindcss typescript vite

Last synced: 20 Feb 2026

https://github.com/zyloxweeb/my-website

Questo progetto è un sito di presentazione personale realizzato con React, Express, e MongoDB. Il sito include una homepage, una pagina "About", una sezione per i progetti e un modulo di contatto. Utilizza `react-router-dom` per la navigazione e `axios` per le richieste HTTP, con uno stile moderno grazie a CSS e Tailwind CSS.

css javascript postcss tailwindcss

Last synced: 28 Feb 2026

https://github.com/connectkushal/cssnotes

Revision notes for css, sass, bulma, bootstrap5 and the related tools

bootstrap5 bulma bulma-css bulma-css-framework css css-flexbox css-grid css3 notes postcss sass sass-framework tutorial vite

Last synced: 15 Feb 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/sshari/remark-mdx-postcss

Remark plugin to bundle a style tag with MDX content via postcss.

css mdx postcss remark-plugin

Last synced: 16 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/kieranwv/vite-plugin-bundle-styles

Bundles and compresses all style files into a single optimized CSS file.

bundle css cssnano less plugin postcss sass scss style stylus vite vite-plugin

Last synced: 02 Mar 2026

https://github.com/mattwca/postcss-unwrap-nested-selectors

A small PostCSS plugin to unwrap nested CSS selectors, compatible with the PostCSS modules plugin

css-modules nested-css postcss postcss-modules postcss-plugin

Last synced: 02 Mar 2026

https://github.com/chrisnajman/paginators

A modular, lightweight and accessible pagination system for displaying content from various (and varied) JSON data sources. Supports multiple pages with a customisable number of items per page and dynamic pagination buttons.

accessibility aria-attributes chatgpt-free css-flexbox css-grid css-nesting cssnano es6-modules esbuild history-management html-css-javascript html-minifier-terser json live-regions loading-spinner no-js pagination postcss theme-switcher