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/sohanemon/dragon-news

🚀 postcss, tailwind

combinators css firebase-auth postcss react react-hot-toast tailwindcss

Last synced: 04 Apr 2026

https://github.com/songsterr/postcss-remove-all-at-rules

PostCSS plugin to remove all of the at-rules

at-rule cleanup css postcss postcss-plugin

Last synced: 01 May 2026

https://github.com/fabberr/nlw9-web

Web frontend for NLW9's application. Created with @vitejs + React + TypeScript.

css3 html5 postcss react twitch typescript vitejs

Last synced: 04 Apr 2026

https://github.com/ynaka6/nakamu.me

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 21 Jan 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/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/chandraprakash-bathula/hunger-bites-restaurant_app

A React.JS Application with live API data from SWIGGY.

babel css html javascript jsx parcel postcss react-hooks react-js react-router tailwindcss

Last synced: 19 Jan 2026

https://github.com/jakesidsmith/watch-less-do-more

Watch less files and their dependency tree for changes & automatically recompile

css dependency-tree less postcss postcss-modules recompile watch watcher

Last synced: 06 Apr 2025

https://github.com/kelvindecosta/postcss-transform-variables

:electric_plug: PostCSS plugin that transforms identifiers of CSS custom properties.

css css-variables custom-properties obfuscation postcss postcss-plugin transformer

Last synced: 25 Jan 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/pranjalkatiyar/slides-ai

AI-powered slide editor built with Next.js. Create, edit, and export slides to Reveal.js or JSON—no manual coding needed.

ai antrophic claude drag-and-drop gemini jsonexport nextjs nocode openai postcss presenation presenation-slides reveal-js shadcn slides slideshow tailwind typescript vercel-ai vercel-ai-sdk

Last synced: 10 Apr 2026

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/nju33/postcss-octicon

Postcss plugin for octicons

base64 icons octicon postcss postcss-plugin svg

Last synced: 18 Apr 2026

https://github.com/axept/prejss-postcss-parser

PostCSS Parser for PreJSS

css css-in-js jss parser postcss prejss sass

Last synced: 04 May 2026

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

My gulp build 🛠️

css gulp html javascript nunjucks postcss

Last synced: 13 Apr 2026

https://github.com/premierstacks/material-design-expressive-react-aria-stack

eslint javascript material-design-expressive nodejs postcss premierstacks prettier react react-aria stack stylelint tomchochola typescript webpack

Last synced: 10 Apr 2026

https://github.com/saibarathr/react-audio-wave-modern

ReactWaveform is a React component that provides an interactive waveform visualization for audio files using the WaveSurfer.js library. This component supports custom controls, progress rendering, and regions for marking specific parts of the waveform.

audio-visualizer npm postcss reactjs typescript waveform

Last synced: 04 Jan 2026

https://github.com/ezavile/postcss-typescript-kickstart

Simple boilerplate to kick start your new PostCSS plugin with TypeScript

boilerplate kickstart postcss postcss-plugin typescript

Last synced: 18 Apr 2026

https://github.com/damianomagrini/fiery

Fiery – A web app to help you stay focused.

enzyme eslint jest postcss preact redux sass scss tsx typescript webpack

Last synced: 12 Apr 2026

https://github.com/bush1d3v/linktree

Aplicação "árvore de links", que possui o objetivo de reunir vários link de redes sociais de uma pessoa.

javascript nextjs postcss sass tailwind typescript yarn

Last synced: 11 Apr 2026

https://github.com/riksev/socialstats

Social media dashboard responsive website

autoprefixer babel browsersync cssnano gulp postcss sass terser theme-switcher

Last synced: 18 Apr 2026

https://github.com/argyleink/jade-cssnext-babel-webpacked

⚡️ Build a multipage site with Jade and Webpack, where each page is created from a bundle entry file

babel cssnext jade postcss webpack

Last synced: 09 Apr 2026

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/meeeteat/meeteat_frontend

사용자의 위치 기반 실시간 매칭 서비스

axios cloudfront framer-motion javascript mobx msw npm postcss prettier react route53 s3 tailwindcss vite

Last synced: 14 Feb 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/persteenolsen/webpack-5-es-boilerplate

A Webpack 5 boilerplate with Babel - Ready for using ES6 and above

babel boilerplate es6 postcss webpack

Last synced: 09 Apr 2026

https://github.com/ghaerdi/array-algorithms-visualizer

Algorithms visualizer for arrays using vite and vue with typescript

algorithm array postcss typescript vite vue

Last synced: 05 May 2026

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

postcss

Last synced: 20 Apr 2026

https://github.com/imedadel/styled-lostgrid

[WIP] Port of Lost-Grid to Styled-Components

lost-grid postcss react styled-components

Last synced: 18 Apr 2026

https://github.com/fylgja/examples

Functional examples for using Fylgja with popular tools and frameworks.

fylgja parceljs postcss scss vite webpack webpack-encore

Last synced: 20 Feb 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/arnobt78/embedded-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: 28 Jun 2025

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/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/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/kailoon/postcss-starter

Postcss starter is a starter kit for any project using postcss.

css nodejs pnpm postcss starter

Last synced: 19 Apr 2026

https://github.com/fullstack-dev3/halo-insurance

Halo Insurance Website by Next.js

eslint insurance nextjs postcss reactjs tailwindcss

Last synced: 02 Apr 2026

https://github.com/saionaro/postcss-transform-pxvw

The postcss plugin which allows using pixels for responsive layouts

css postcss postcss-plugin responsive

Last synced: 05 Jan 2026

https://github.com/luncheon/isaaccss

Inline-Style-as-a-Class CSS engine

atomic-css css css-framework css-generator css-in-js css-utilities inline-css inline-styles open-props postcss tailwindcss utility-classes windicss

Last synced: 20 Apr 2026

https://github.com/francoisromain/system.css

A minimal CSS boilerplate

css grid-system postcss typescale

Last synced: 08 May 2026

https://github.com/alexandrecpedro/world-cup-polls

World Cup Polls platform for web and mobile - NLW World Cup

expo fastify figma google-fonts ignite-rocketseat jwt nextjs nodejs oauth2 phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript worldcup

Last synced: 06 Apr 2026

https://github.com/murshidazher/trostcss

:reminder_ribbon: A modular, lightweight and responsive front-end framework for rapid prototyping and UI development.

css-framework css3 frontend postcss stylesheet ui

Last synced: 12 Apr 2026

https://github.com/mohamedsamara/react-ssr-app

:star: React Application with Server Side Rendering

babel eslint husky lint-staged postcss prettier progressive-web-app react server-side-rendering service-worker single-page-applications tailwindcss webpack workbox

Last synced: 12 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/osamamammar/library

📚 JS practice project from (The Odin Project). library

css html javascript postcss pugjs theodinproject

Last synced: 07 Apr 2026

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

GOV.UK Frontend Webpack Demo

autoprefixer babel bundler cssnano eslint govuk govuk-design-system govuk-frontend javascript postcss prettier sass webpack

Last synced: 02 Apr 2026

https://github.com/garraflavatra/jekyll-tailwind-template

This template configures Jekyll to work with Tailwind CSS and PostCSS.

jekyll postcss tailwindcss

Last synced: 13 Apr 2026

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

Last synced: 24 Jun 2025

https://github.com/ntsd/tailwind-plugin-boilerplate

Tailwind plugin boilerplate, Support Tailwind v4

postcss tailwind tailwind-css tailwind-plugin tailwindcss tailwindcss-plugin tailwindv4

Last synced: 24 Apr 2026

https://github.com/minagishl/postcss-classname-obfuscator

This PostCSS plugin replaces CSS class names with hard-to-guess characters.

obfuscate postcss postcss-plugin typescript

Last synced: 23 Jan 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/azmy60/ci4-rollup-postcss-tailwind

A simple todo list app with CodeIgniter 4, Rollup.js, PostCSS, and Tailwind CSS v3

codeigniter4 postcss rollupjs tailwindcss todolist

Last synced: 27 Apr 2026

https://github.com/devalex-full/projeto-fisioterapia-p-s-cirurgia-plastica

lucide-react postcss react tailwindcss

Last synced: 27 Apr 2026

https://github.com/dev-gaitano/jasmijn-schrofer

A dynamic and visually engaging portfolio website built using React, specifically designed to showcase the creative work of acclaimed film director Jasmijn Schrofer

cloudinary postcss react tailwindcss typescript vite web-development website

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/quramy/fuse-postcss-example

A Fuse-Box with PostCSS example repository.

example fuse-box postcss

Last synced: 27 Apr 2026

https://github.com/andreidmt/tpl-react

React, Redux, Webpack and friends :boy::girl::hurtrealbad::rainbow:

eslint postcss prettier react redux riteway socket-io starter tape template webpack

Last synced: 14 Apr 2026

https://github.com/neurosnap/postcss-scale-media-query

Scale media query `-width` by some percentage

media-query postcss postcss-plugin scale

Last synced: 28 Apr 2026

https://github.com/thenamevishnu/black-board

Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.

canvas eslint postcss reactjs tailwindcss vite

Last synced: 06 Apr 2026

https://github.com/msidolphin/postcss-px-to-viewport-units

A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).

postcss postcss-plugin vh viewport-units vmax vmin vw

Last synced: 28 Apr 2026

https://github.com/pras75299/imagegallery

Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer

autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss

Last synced: 12 Apr 2026

https://github.com/hrfmmymt/iiyatsu

a hrfmmymt's weblog.

fastify nodejs postcss pwa service-worker typescript vercel

Last synced: 09 Apr 2026

https://github.com/bntzio/aguayo-frontend-test

Página web con responsive design (mobile first)

cssnext gulp postcss webpack

Last synced: 30 Apr 2026

https://github.com/thoughtbit/cssplus-preprocessor

:cyclone: A future-facing CSS preprocessor for working with cssplus

cli postcss preprocessor

Last synced: 28 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/calvinkarundu/cssqueeze

A CLI wrapper for cssnano

cli css cssnano minify optimization optimize-css-files postcss

Last synced: 23 Jan 2026

https://github.com/azurespheredev/vally-sales-assignment

Vally Sales Inc Settings Page built for the assigment.

assignment eslint husky nextjs postcss shadcn-ui tailwindcss typescript zod

Last synced: 08 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/fraktodev/frakto-postcss

A PostCSS plugin that fragments, optimizes, and reconstructs your CSS the Frakto way.

css optimize-css-files postcss postcss-plugin

Last synced: 14 Apr 2026

https://github.com/bush1d3v/solidity-todo-app

Solidity Todo App is an solidity study project, integrated with web3 and vue.js.

biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js

Last synced: 08 Apr 2026

https://github.com/chrisross5/kiki-storage-web

College project (Final thesis): A cloud storage app focused on front-end, utilizing Firebase to its maximum extent for a real-time, highly customizable cloud file explorer.

daisyui firebase firebase-auth firebase-firestore firebase-hosting firebase-realtime-database firebase-storage pinia postcss tailwindcss typescript vite vue vue-composition-api vue-router vue-slicksort vuefire vueuse

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/saltofthemar/subtxt-ds

A fluid CSS design system with algorithmic typography and spacing. Includes dual-runtime build tools (Deno/Node.js) and design token export for Penpot integration.

css deno design-tokens fluid-typography nodejs penpot postcss responsive-design

Last synced: 12 Apr 2026

https://github.com/karsanda/postcss-indonesian-stylesheets

Write your CSS in Indonesian

bahasa bahasa-indonesia css fun indonesia indonesian indonesian-language joke postcss postcss-plugin

Last synced: 13 Apr 2026

https://github.com/rbelling/postcss-safe-curly-braces

PostCSS plugin to transform '}}' in '} }'

css handlebars postcss postcss-plugin vuejs

Last synced: 13 Apr 2026

https://github.com/autopaideia/postcss-flextype

PostCSS plugin that converts --flextype CSS variables into ::before pseudo content for use with flextype.js.

postcss postcss-plugin responsive

Last synced: 18 Apr 2026

https://github.com/kcmr/react-vite-starter

Starter template for React with TypeScript, CSS-Modules and Jest setup powered by Vite. Based on Vital (https://github.com/jvidalv/vital)

eslint jest postcss prettier react scaffold-template starter-template testing-library-react typescript vite

Last synced: 10 Apr 2026

https://github.com/lh0x00/liser

functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!

ciser css design functional liser modules postcss reponsive style

Last synced: 30 Apr 2026

https://github.com/a-x-/postcss-global-nested

Wrap styles into a :global like postcss-nested does it for usual selectors

postcss postcss-nested postcss-plugin

Last synced: 26 Oct 2025

https://github.com/the-holocron/threepio

The protocol droid.

babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config

Last synced: 06 Mar 2026

https://github.com/fourjuaneight/docker-hugo-testing

👷🏽‍♂️ Docker base image that includes Hugo, npm, PostCSS, and Chrome for E2E testing.

chrome docker hugo postcss

Last synced: 06 May 2026

https://github.com/pomeluce/akir-vue

vue project development scaffolding, based on vue naive-ui pinia typescript

akir mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 09 Apr 2026

https://github.com/charliewilco/wilco

📐Opinionated Linting for CSS

css linting postcss stylelint

Last synced: 30 Apr 2026

https://github.com/shrpne/postcss-clear-flex

Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.

clear flex postcss

Last synced: 01 May 2026

https://github.com/sadcitizen/postcss-config

@sadcitizen/postcss-config - PostCSS shareable config

postcss postcss-config postcss-preset

Last synced: 01 May 2026

https://github.com/tolking/postcss-flex-alias

PostCSS plugin easily write flex

flex plugin postcss postcss-flex-alias

Last synced: 08 Feb 2026

https://github.com/naneshoru/react-basic-login

docker docker-compose github-actions nginx-proxy postcss react shadcn-ui tailwind

Last synced: 01 May 2026

https://github.com/lukmanrambe/luxspace

A Furniture E-Commerce Web Design

css es6 figma html javascript postcss tailwindcss webpack

Last synced: 12 Apr 2026

https://github.com/danieledefoe/cvv-app

CVV application for creating beautiful resumes

css3 cvv es6-modules javascript postcss react react-hooks resume-builder tailwindcss theodinproject vite

Last synced: 20 Nov 2025

https://github.com/oncomouse/extract-tachyons

Accelerate your Tachyons websites! Read HTML files, extract a list of CSS classes, and create a custom distribution of Tachyons with only the classes you are actually using.

postcss tachyons tachyons-css

Last synced: 21 May 2026