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-08-07 00:25:12 UTC
JSON Representation

https://github.com/maratdev/next-movie

🎦 Watch anime online

nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript

Last synced: 06 Feb 2026

https://github.com/sms-system/postcss-scopes

PostCSS plugin that automagic adds scopes to CSS

css css-modules html postcss postcss-scopes

Last synced: 24 Feb 2026

https://github.com/vvaldesc/shadcn_aceternity_ui_practice

Little Vite React Interface using external front-end libraries

aceternity-ui front-end-development nextui postcss react shadcn-ui tailwindcss vite

Last synced: 28 Jan 2026

https://github.com/lajule/ccss

Checks CSS properties declaration order

chokidar nodejs postcss

Last synced: 29 Jan 2026

https://github.com/andre-araujo/weather-app

A simple app to do Weather forecast world-wide using Parceljs and ReactJs

docker lesscss nodejs parcel-bundler postcss reactjs

Last synced: 29 Jan 2026

https://github.com/nishathub/lawyer-landing-page

A lawyer portfolio responsive website with night-mode

html5 lawyer-and-law-agency portfolio-website postcss scss

Last synced: 07 Jul 2025

https://github.com/hrfmmymt/react-babel-webpack

axios babel javascript postcss react-router reactjs superagent webpack2

Last synced: 15 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/humpherson/audio-recorder-app

A browser-based audio recorder using the MediaRecorder API with real-time uploads to Azure Blob Storage. Supports cross-browser compatibility, automatic MIME type detection, and resilient chunked uploads with retry logic. Includes seamless playback and download of recordings, ideal for modern web and cloud applications. 🚀

html5 mediarecorder mediarecorder-api postcss react react-dom tailwindcss vite

Last synced: 15 Apr 2026

https://github.com/hrfmmymt/react-redux-ssr

ava circleci enzyme eslint flowtype nyc postcss react react-redux react-router-redux server-side-rendering stylelint webpack2 yarn

Last synced: 15 Apr 2026

https://github.com/wilmer2000/angular-app-base

Base app Angular v20 with some configuration: Tailwind + ESLinter + Prettier + PostCSS + Immer

angular eslinter immer postcss prettier tailwindcss

Last synced: 15 Apr 2026

https://github.com/johnwatkins0/postcss-spacing-utils

Generates spacing utility classes from user settings.

css postcss

Last synced: 07 Feb 2026

https://github.com/chrisnajman/filter-quotes-v2

A lightweight app for displaying a collection of quotations from a JSON file using an HTML template. Short quotes use <q>, longer ones use <blockquote>, and entries can be filtered by author or tag.

accessibility aria-attributes css-flexbox css-grid css-imports css-nesting cssnano details es6-modules esbuild html-css-javascript html-minifier-terser html-template json loading-spinner no-js postcss resize-observer sticky-headers theme-switcher

Last synced: 15 Apr 2026

https://github.com/thoughtbit/lego-ui

🐬 一个面向未来的、灵活的、低耦合的CSS解决方案

css postcss

Last synced: 15 Apr 2026

https://github.com/afeiship/postsass

Cli compiler for sass/scss via dart-sass and postcss.

cli dart-sass postcss sass scss

Last synced: 15 Feb 2026

https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021

Example project that bundles Parcel 2 +Tailwind/jit + Preact + TypeScript.

parcel postcss preact tailwind tutorials typescript

Last synced: 15 Apr 2026

https://github.com/cristian20044121/blog

Este es un proyecto sencillo de una aplicación web que utiliza Tailwind CSS y Vite para el desarrollo rápido y eficiente de interfaces de usuario. También incluye configuraciones para el tema de dark mode utilizando PostCSS y JavaScript.

html5 javascript node-modules package-json postcss tailwind-config taiwlindcss vite

Last synced: 15 Apr 2026

https://github.com/winston0410/postcss-auto-text-indent

A PostCSS Sparrow plugin that helps you append `text-indent` to a selector when `letter-spacing` is found, in order to center words correctly.

css postcss postcss-sparrow tailwindcss

Last synced: 15 Apr 2026

https://github.com/biswa-ganguly/virtualr

Virtual-R is a front-end project that showcases a modern web-site look

front-end javascript postcss reactjs tailwind-css vite

Last synced: 08 Feb 2026

https://github.com/marco5dev/portfolio-react-tsx-tailwind-daisyui-blog-devto

A Nice UI/UX Portfolio with React TSX, tailwind css, postCSS, Blog with devto api

blog devto devto-api portfolio postcss raectjs react react-router tailwind tailwindcss tsx ui uiux ux

Last synced: 26 Feb 2026

https://github.com/rafaeldevvv/frontendmentor-ecommerce-product-page

challenge css frontend-mentor html javascript postcss react tailwindcss webpack

Last synced: 26 Feb 2026

https://github.com/haquanq-frontendmentor/clipboard-landing-page

Solution for frontendmentor.io challenge: clipboard-landing-page

bem-css frontendmentor frontendmentor-junior postcss stylelint

Last synced: 15 Apr 2026

https://github.com/cgutwin/frontendmentor

My completions of the Frontend Mentor projects.

css3 frontend frontend-mentor html5 postcss

Last synced: 15 Apr 2026

https://github.com/ljuzifer/carp-travel-app

An application that tells about the best Carpathian tourist routes!

autoprefixer css eslint javascript nextjs postcss prettier react-hook-form react-hook-form-persist react-hot-toast react-responsive react-scroll swiper tailwindcss typescript

Last synced: 10 Feb 2026

https://github.com/thenamevishnu/ecommerce

eslint javascript postcss reactjs tailwindcss vitejs

Last synced: 10 Feb 2026

https://github.com/stephan-evers/babel-plugin-transform-styl-modules

Transforms "styl" tagged template literals into css modules.

babel css-modules postcss stylus template-literals

Last synced: 20 Jan 2026

https://github.com/rnyell/postcss-contains

Style elements based on their existing property or declaration.

css postcss postcss-plugin

Last synced: 11 Feb 2026

https://github.com/lab4studio/postcss-px-to-rem

PostCSS plugin that automatically converts pixel (px) values to rem units in your CSS, allowing for scalable and responsive designs by basing measurements on the root font size.

postcss postcss-plugin px-to-em px-to-rem

Last synced: 27 Feb 2026

https://github.com/divyansh089/apple-airpods-clone

An amazing Apple AirPods UI clone

airpods apple gsap netlify nodejs postcss react tailwindcss

Last synced: 12 Feb 2026

https://github.com/gogo200202/next-portfolio

Portfolio build with next js

github-actions github-pages javascript nextjs postcss react tailwind threejs typescript vite

Last synced: 01 Feb 2026

https://github.com/tricinel/postcss-color-hsla-fallback

PostCSS plugin to transform hsl and hsla to hexadecimal

color color-convert css hsl-color postcss postcss-plugin

Last synced: 16 Apr 2026

https://github.com/adn0s/daily-planner

Make your day better with Daily Planner app. Easy to use: add tasks with info like what it's about, when it's due, and how important it is. It's simple to keep track of everything. Get more done with less hassle.

jest postcss react redux tailwindcss typescript

Last synced: 12 Feb 2026

https://github.com/thedroelfi/postcss-responsive-css-values

This PostCSS plugin provides you with a function that allows you to use dynamic values instead of static CSS values, which are automatically reduced from a defined breakpoint.

css css-values postcss postcss-plugin responsive-design responsive-web-design

Last synced: 13 Feb 2026

https://github.com/winston0410/postcss-sparrow-units-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by units.

postcss postcss-sparrow

Last synced: 13 Feb 2026

https://github.com/the-puppet-studios/sveltis

Sveltis is a preset for building modern Svelte applications.

nodejs postcss svelte sveltekit sveltis tailwindcss ts typescript

Last synced: 13 Feb 2026

https://github.com/vcjpierre/tails

A simple landing page Tailwind CSS + Snowpack starter

landing-page postcss snowpack tailwindcss

Last synced: 16 Apr 2026

https://github.com/dbish6/open_weather_app

This weather app utilizes the powerful Open Weather API and delivers real-time weather information for cities all around the world!

postcss reactjs

Last synced: 28 Feb 2026

https://github.com/krypton225/multi-step-form

This is just a training in Front End Mentor website.

autoprefixer concurrently css3 cssnano html5 javascript live-server postcss postcss-cli pug-cli pugjs scss typescript webpack webpack-cli

Last synced: 14 Feb 2026

https://github.com/belchenkov/nexter

Create Site with html5, css3 (Grid system)

css3 grid html5 node-sass postcss scss

Last synced: 28 Feb 2026

https://github.com/haquanq-frontendmentor/conference-ticket-generator

Solution for frontendmentor.io challenge: conference-ticket-generator

bem-css frontendmentor frontendmentor-junior postcss

Last synced: 14 May 2026

https://github.com/programmershri/tailwind-css-starter-postcss

Boilerplate

ant-design antd css javascript postcss react reactjs redux-toolkit tailwindcss

Last synced: 08 Apr 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/ulyanov-programmer/woodland_furniture

css grunt html js landing postcss ts

Last synced: 25 Jan 2026

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

Last synced: 16 Apr 2026

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

stylus syntax for postcss

css-modules postcss stylus

Last synced: 02 Jan 2026

https://github.com/grawl/identity

Static website compiler on NPM & Gulp

browsersync gulp npm postcss posthtml pug sass

Last synced: 08 Apr 2026

https://github.com/thomasnynas12/agency-portfolio

agency-portfolio

nextjs postcss tailwindcss typescript

Last synced: 16 Apr 2026

https://github.com/oleg-kuzmin/mesto-project

JavaScript web application on OOP style (Webpack) - a common gallery of photos of beautiful places from different users with the ability to get, add, delete, change photos. External api is used (api.nomoreparties.co).

api-server autoprefixer babel bem-nested css-animations css-flexbox figma html-css-javascript html-template modules oop-in-javascript postcss review webpack

Last synced: 07 Mar 2026

https://github.com/vinpac/webpack-modular-css-loader

Loader to transform CSS string into module

css javascript loader modular postcss webpack

Last synced: 16 Apr 2026

https://github.com/hoangnguyen77/interior-construction-quotation-fe

The frontend for interior construction quotation platform

html-css-javascript postcss reactjs scss tailwindcss vitejs

Last synced: 23 Jan 2026

https://github.com/chrisnajman/frontend-practice-project-webpack-5

A page built from the Abstract Project design at Frontend Practice using Webpack 5

babel dart-sass html-css-javascript json postcss svg-sprites webpack5

Last synced: 16 Apr 2026

https://github.com/yakovlev-alexey/next-pcss

Import global `.pcss` files in your Next.js project.

next nextjs pcss postcss

Last synced: 07 May 2026

https://github.com/haquanq-frontendmentor/blogr-landing-page

Solution for frontendmentor.io challenge: blogr-landing-page

bem-css frontendmentor frontendmentor-junior html postcss

Last synced: 14 May 2026

https://github.com/mihoag/image-galary-react

material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api

Last synced: 17 Apr 2026

https://github.com/iwatanikenji/event-platform

GraphCMS integrated application developed to organize classes and livestreams based on a launch date

apollo graphcms graphql phosphoricons postcss router-dom tailwindcss

Last synced: 17 Apr 2026

https://github.com/bycodexp/gulp-tailwindcss-template

gulp postcss tailwindcss

Last synced: 17 Apr 2026

https://github.com/keidrun/boilerplate-gulp-postcss

Boilerplate of PostCSS with Gulp.

boilerplate css css3 cssnext design es2015 es6 gulp postcss

Last synced: 17 Apr 2026

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

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

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

Last synced: 17 Apr 2026

https://github.com/liinkiing/react-webpack-boilerplate

Small boilerplate to train myself with webpack configurations, postcss, babel, env files and all those nice stuff

babel7 browserlist postcss react webpack4

Last synced: 17 Apr 2026

https://github.com/milliorn/travel-agency

Mobile responsive site using React and Tailwind

autoprefixer gh-pages postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui travel-agency travel-website ts tsx types typescript

Last synced: 17 Apr 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/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/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/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/margo-yunanova/mesto-project

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

babel css html javascript oop postcss webpack

Last synced: 02 Apr 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/duanedave/portfolio-v_1

This is the first iteration of my personal brand, here I show a list of what I have been up to recently in my career as a software developer

accessibility css4 framer-motion postcss react ux-ui

Last synced: 17 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/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/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/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/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/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/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/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