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/ulyanov-programmer/woodland_furniture

css grunt html js landing postcss ts

Last synced: 25 Jan 2026

https://github.com/erkobridee/astro-ts-tw-hello

Astro Build using TypeScript plus TailwindCSS

astro devcontainer editorconfig eslint gh-pages github-actions postcss prettier tailwindcss template typescript

Last synced: 26 Oct 2025

https://github.com/vlad-moskalenko/carshop-next.js

axios next postcss react react-dom tailwindcss typescript

Last synced: 06 Apr 2026

https://github.com/sassy/postcss-momocss

The name of Momoiro Clover Z members are representing the color.

momoclo momoiro-clover momoiro-clover-z postcss

Last synced: 20 Jan 2026

https://github.com/farisnceit/react-tailwind-starter

Starter usingReact + Tailwind CSS 2.0

autoprefixer postcss reactjs redux tailwindcss

Last synced: 09 Apr 2026

https://github.com/dsk52/webboilerplate

babel postcss precss webpack yarn

Last synced: 09 Apr 2026

https://github.com/hellothisisflo/webpack-sandbox

A working WebPack setup where every step of the configuration is a separate commit

autoprefixer build-tool css javascript postcss scss webpack

Last synced: 27 Feb 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/haquanq-frontendmentor/bento-grid

Solution for frontendmentor.io challenge: bento-grid

css frontendmentor frontendmentor-junior html postcss stylelint

Last synced: 18 Apr 2026

https://github.com/paalamugan/single-spa-webpack-config-react-ts

Default predefined webpack configuration for single-spa with react and typescript

postcss react scss single-spa single-spa-config tailwindcss-config webpack

Last synced: 09 Apr 2026

https://github.com/owpac/boilerplate_rails_inertia

Rails application working with Inertia and React!

esbuild inertiajs postcss propshaft rails react tailwind typescript

Last synced: 24 Feb 2026

https://github.com/davxdo/react-skeleton

React Starter w/ Webpack, PostCSS, Tailwind, ESLint

eslint postcss react react-starter reactjs tailwind tailwindcss webpack4

Last synced: 09 Apr 2026

https://github.com/melihilker/web-portfolio

This professional portfolio website, built with Next.js, React.js, and Tailwind CSS, showcases my work with a focus on performance and modern design. Leveraging the power of these cutting-edge technologies, it delivers a fast, responsive, and SEO-friendly user experience. Explore my projects and see how I bring ideas to life on the web.

frontend nextjs portfolio postcss react tailwindcss typescript

Last synced: 15 Apr 2026

https://github.com/dokozero/oklch-css-relative-chroma-documentation

Documentation and examples for the upgrade proposal of the oklch() CSS notation with relative chroma support.

chroma color css oklch postcss

Last synced: 17 Mar 2025

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/sagorranait/reactjs-gallery-test

Creating a responsive image gallery using React JS

autoprefixer dnd-kit dnd-kit-sortable postcss react react-dom tailwindcss

Last synced: 24 Jan 2026

https://github.com/xettri/postcss-remove-duplicate-values

A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.

css npm-package postcss postcss-plugin

Last synced: 24 Jan 2026

https://github.com/joserafael0160/jrlinks

All my links page made with HTML, PostCSS and JavaScript. 💜

all-my-links allmylinks html-css-javascript javascript link-platform links postcss

Last synced: 24 Jan 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/haquanq-frontendmentor/mortgage-repayment-calculator

Solution for frontendmentor.io challenge: mortgage-repayment-calculator

bem-css frontendmentor frontendmentor-junior postcss typescript

Last synced: 08 May 2026

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/imjaroiswebdev/jartravels-site

gulp html-css postcss responsive

Last synced: 09 May 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/rypi-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: 28 Jul 2025

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/hrfmmymt/react-babel-webpack

axios babel javascript postcss react-router reactjs superagent webpack2

Last synced: 15 Apr 2026

https://github.com/charistheo/webpack-media-split

A simple example that splits CSS based on media queries used and generates separate files using Webpack. Those CSS files are then lazy loaded depending on screen width.

css lazy-loading mediaqueries postcss webpack

Last synced: 09 Apr 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/zenitude/ecoleweb-tailwindcss-landingpage

Ecole du Web - TailwindCss - Landing Page

auto-prefixer html5 javascript postcss tailwindcss

Last synced: 09 May 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/night-ice-cube69/vite-react-typescript-tailwind-starter

🚀 Start your vite, React, TypeScript, and TailwindCSS project quickly with this preconfigured template. Build modern web apps with ease.

axios chrome-extension-react chrome-extension-starter chrome-extension-template cross-browser-extension crxjs daisyui husky material-ui-react netlify postcss prettier prittier react-typescript starter-kit starter-template tailwindcss-plugin vite-template-react

Last synced: 09 May 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/a-raskatov/a-raskatov.github.io

Произведения Андрей Раскатова (интернет-издание, разработано https://efiand.ru).

amp amp-validation bem bem-linter biome html-validation hyphen jsdoc nav-ring node-test-runner postcss pwa schema-org seo sitemap sse ssg vanilla-js

Last synced: 15 May 2026

https://github.com/gstcarv/tailwind-spotify-home

Spotify landing page home clone made with Tailwind CSS, including acessibility optimization

accessibility css javascript postcss responsive spotify tailwind webpack

Last synced: 09 Apr 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/shaherashraf/webpackboilerplate

📦 A webpack boilerplate using Babel, PostCSS and Sass.

babel es6 hot-reloading hot-replacement javascript postcss sass webpack

Last synced: 09 Apr 2026

https://github.com/haquanq-frontendmentor/browser-extensions-manager-ui

Solution for frontendmentor.io challenge: browser-extensions-manager-ui

bem-css frontendmentor frontendmentor-junior junior postcss

Last synced: 04 May 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/valentinmadiot/ohmyfood-restaurant_ui

Site vitrine responsive pour quatre restaurants gastronomiques, réalisé en HTML, CSS et Sass. Animations modernes et design raffiné sans JavaScript. Parfait pour un projet UI/UX.

animation-delay css-transitions flexbox grid-layout hover-effects html-css-sass keyframes-animation landing-pages menu-animation mobile-first mockup modular-scss no-javascript openclassrooms postcss responsive-design sass scss-mixins static-website ui-design

Last synced: 16 May 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/haquanq-frontendmentor/advice-generator-app

Solution for frontendmentor.io challenge: advice-generator-app

adviceslip-api bem-css frontendmentor html postcss typescript vite

Last synced: 09 May 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/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/hentaicracker/aboutme

Aboutme by angular 4

angular angular4 postcss scss typescript webpack2 yarn

Last synced: 08 Apr 2026

https://github.com/jatolentino/mediagram

Mediagram, a FB-like platform

apollo axios bootstrap docker elixir figma graphql kubernetes phoenix postcss reactjs redux

Last synced: 26 Jan 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/haquanq-frontendmentor/insure-landing-page

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

bem-css frontendmentor frontendmentor-junior javascript postcss sass

Last synced: 09 Apr 2026

https://github.com/jia2005/heartbeat

HeartBeat: A playful web app that turns asking someone on a date into an irresistible interactive experience. Perfect for engineers who express love better through code than words! 💻❤️

aria-label asking-for-a-date-from-your-crush autoprefixer color-blind-accessible cute date-proposal dating-web-app github playful postcss reactjs tailwindcss

Last synced: 09 May 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/jerriclynsjohn/jekyll-tailwind

Jekyll + TailwindCSS Starter Template

jekyll postcss purgecss static-site-generator tailwindcss

Last synced: 10 May 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/imbrn/tv-show-details

📺 A TV show details application

app postcss react

Last synced: 10 May 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/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/0xzakk/postcss-easings

Custom easing functions for PostCSS! :chart_with_upwards_trend:

css css-animations css-transitions easing-functions easings postcss postcss-plugin

Last synced: 10 May 2026

https://github.com/monokrome/webpack-react-redux-starter

postcss react redux website

Last synced: 28 Apr 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/dokozero/postcss-oklch-relative-chroma

PostCSS plugin to use relative chroma in oklch().

chroma color css oklch postcss

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