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/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/castastrophe/postcss-rgb-mapping

A PostCSS plugin to parse out rgb values into distinct custom properties

css postcss postcss-plugin

Last synced: 25 Feb 2025

https://github.com/solis-lab/training

The base training for creating a Frontend Development module. ES6, SCSS/postCSS supports.

es6-javascript postcss

Last synced: 06 Sep 2025

https://github.com/vladis1av-code/chat

Test work in a team

css cssnano html javascript nodejs npm postcss sass

Last synced: 08 Apr 2026

https://github.com/css-george/postcss-george

A plugin for PostCSS to allow runtime manipulation of variables.

css-variables hacktoberfest postcss

Last synced: 24 Jul 2025

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/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/monokrome/webpack-react-redux-starter

postcss react redux website

Last synced: 28 Apr 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/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/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/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/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/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/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/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/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/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/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/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/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/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/dsk52/webboilerplate

babel postcss precss webpack yarn

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

css grunt html js landing postcss ts

Last synced: 25 Jan 2026

https://github.com/ant0ni0us/storeify-admin-dashboard

An E-commerce admin dashboard that allows admins to manage products, tracking orders, show all users , and monitor overall store performance. It provides powerful tools for editing product details, filtering data, and viewing real-time statistics.

date-fns eslint fire framer-motion postcss prett prettier-plugin-tailwindcss react react-apexcharts react-dom react-hook-form react-hot-toast react-icons react-redux react-router-dom redux redux-toolkit tailiwindcss typescript vite

Last synced: 03 Aug 2025

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

Resume & Professional Portfolio Website

dark-mode hire-me light-mode portfolio postcss professional resume tailwindcss website

Last synced: 04 Aug 2025

https://github.com/chrisnajman/meal-item-selector

A checkbox-driven meal item manager that enforces selection limits for precise user input control.

accessibility aria-attributes css-flexbox css-grid css-nesting cssnano es6-modules esbuild html-css-javascript html-minifier-terser loading-spinner postcss theme-switcher

Last synced: 04 Aug 2025

https://github.com/chrisnajman/tabs

Responsive, accessible tabs with full keyboard support and ARIA semantics.

accessibility aria-attributes css-flexbox css-grid css-nesting cssnano es6-modules esbuild html-css-javascript html-minifier-terser loading-spinner postcss theme-switcher

Last synced: 04 Aug 2025

https://github.com/haquanq-frontendmentor/product-list-with-cart

Solution for frontendmentor.io challenge: product-list-with-cart

bem-methodology frontendmentor frontendmentor-challenge frontendmentor-junior frontendmentor-solution postcss typescript vite

Last synced: 15 Apr 2026

https://github.com/hazratgs/febox

Сайт студии Febox

javascript postcss react webpack

Last synced: 09 Apr 2026

https://github.com/andrei1994rus/users-react

Search Github users on React+Webpack. (NodeJS,React,Webpack,RxJS,jQuery,Express,SCSS)

adaptive autoprefixer compression-webpack-plugin crossbrowser cssnano express express-static-gzip jquery mobile-first modernizr nodejs postcss react rxjs rxjs-ajax scss terser-webpack-plugin webpack

Last synced: 09 Apr 2026

https://github.com/petrosath/library

A library app for practicing on JavaScript objects

css gh-pages html javascript postcss scss vitejs

Last synced: 09 Apr 2026

https://github.com/halo-design/halo-optimus

ಠ_ಠ Scaffolding with the latest react components

babel es2017 eslint express gulp isomorphic-fetch moment nprogress postcss pug react react-redux react-router-v4 redux redux-logger redux-thunk sass socket-io webpack-hot-middleware webpack3

Last synced: 09 Apr 2026

https://github.com/ginnill/pokemon-team-builder

React and Tailwind Pokédex

api css3 html5 javascript pokedex pokemon pokemon-api postcss reactjs sass tailwindcss typescript vitejs

Last synced: 08 Apr 2026

https://github.com/emanuelefavero/postcss

This is a cheat sheet repo for PostCSS

autoprefixer css cssnano postcss postcss-cli postcss-import postcss-preset-env precss sass scss

Last synced: 18 Apr 2026

https://github.com/trevonerd/postcss-mixins-css-grid

A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.

css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin

Last synced: 19 May 2026

https://github.com/silvestrevivo/react-mobiquity

Small react application fetching data from https://ergast.com/mrd/ to show custom results

axios babel eslint html5 javascript postcss reactjs sass webpack4

Last synced: 08 Apr 2026

https://github.com/matthewbub/css4life

Convert Postcss to CSS via CLI

cli css postcss

Last synced: 01 Oct 2025

https://github.com/colorfulcompany/boilerplate-jekyll-and-modern-frontend

Pure HTML を出力する（CSR/SSR などの選択肢のない）静的サイトに Jekyll とそれなりにモダンなフロントエンドのレールを用意する boilerplate およびそれらを生成するスクリプト

eslint framework jekyll nodejs postcss rollup ruby stimulusjs stylelint

Last synced: 13 Apr 2026

https://github.com/ansarkmemon/wordpress-sass-hmr-webpack-boilerplate

Boilerplate for WordPress Theme development workflow with webpack, sass, hmr and browsersync

hot-module-replacement postcss sass sass-loader webpack3 wordpress wordpress-boilerplate wordpress-development

Last synced: 02 Oct 2025

https://github.com/ian-rossi/products-search-challenge

My implementation of a common challenge: implement an efficient products search component.

babel chai clean-architecture instanbul jest next next-js nextjs node node-js nodejs npm post-css postcss react react-js react-query reactjs tailwind tailwindcss

Last synced: 09 Apr 2026

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

This is webpack boilerplate (vue, ts, scss, postcss, browserslist, babel, eslint, stylelint, prettier)

babel browserslist docker eslint postcss prettier scss stylelint ts vue

Last synced: 09 Apr 2026

https://github.com/krypton225/fourth-portfolio-react

This is just a portfolio for practicing in using React JS and Tailwind CSS.

aos autoprefixer netlify portfolio postcss react react-dom react-hooks react-icons react-lazy-load-image-component react-scroll reactjs swiper tailwindcss yarn

Last synced: 09 Apr 2026

https://github.com/neetjn/metatube-landing

Landing page for metatube project using Riot.js 4 and Tailwind CSS.

css html javascript landing-page media metatube postcss riot tailwind tailwindcss video youtube

Last synced: 09 Apr 2026

https://github.com/annaindistress/frontend-mentor-interactive-pricing-component

This is a solution to the interactive pricing component challenge on Frontend Mentor

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

Last synced: 18 Apr 2026

https://github.com/amansuryavanshi-1/namaste_react

Namaste React live course By Akshay Saini.

emailjs html javascript json-api npm parcel postcss react react-icons react-router-dom tailwind-css vercel

Last synced: 09 Apr 2026

https://github.com/slhsxcmy/postcss-split-selectors

css npm postcss postcss-plugin

Last synced: 08 Apr 2026

https://github.com/armaggheddon/my_website

A modern, responsive personal portfolio website showcasing my projects, skills, and professional experience. Built with React, TypeScript, and Tailwind CSS.

npm postcss react tailwindcss typescript vite

Last synced: 09 Apr 2026

https://github.com/studioalex/postcss-fontify

postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.

font fonts plugin postcss variable-fonts

Last synced: 09 Apr 2026

https://github.com/skygenesisenterprise/aether-ui

A Node.js-based UI framework and design system for Aether client interfaces.

docker javascript nodejs-library postcss shadcn-ui talwindcss tweakcn typescript

Last synced: 08 Jul 2026

https://github.com/wonderstk/health-advisor

Health Advisor is an AI-powered application that analyzes health information and provides personalized recommendations. It uses the Gemini API to process user-provided symptoms or medical reports and generates insights on possible conditions, recommended exercises, suggested medicines, and dietary advice.

axios gemini-api google-generative-ai javascript postcss reactjs redis redux tailwind-css user-event

Last synced: 12 Apr 2026

https://github.com/frolov-andrey2405/finvista

Modern Banking Aesthetics Repository

autoprefixer css html js postcss react tailwindcss vitejs

Last synced: 08 Apr 2026

https://github.com/brockaltug/task-manager-demo

⚡TaskMaster Pro — A professional Next.js + TailwindCSS task management dashboard with glassmorphism design, particle effects, and intelligent prioritization.

lucide-react nextjs postcss radix-ui react react-hook-form tailwind-animate tailwindcss-v4 typescript

Last synced: 09 Apr 2026

https://github.com/webeponto/wpf-sass

WPF 3.0 reimagines CSS architecture by blending natural language patterns with dynamic generation.

css front-end-development front-end-web-development postcss scss-framework style

Last synced: 04 Oct 2025

https://github.com/haquanq-frontendmentor/news-homepage

Solution for frontendmentor.io challenge: news-homepage

bem-css frontendmentor html postcss typescript vite

Last synced: 09 Apr 2026

https://github.com/ansershafiq/talentavenue

A business introductory website for a Canadian job recruitment company, to make them a first choice for all job seekers and candidates attracters.

postcss react-router react-router-dom reactjs responsive-layout tailwindcss website-design website-development

Last synced: 09 Apr 2026

https://github.com/azurespheredev/startupz-landing

Clone version of Startupz landing page

javascript postcss reactjs tailwindcss-v3

Last synced: 09 Apr 2026

https://github.com/gustavo-victor/hotel-service-page

ReactJS application of a hotel service page

autoprefixer css hotel-homepage hotel-service-page js postcss react reactjs tailwindcss

Last synced: 10 Apr 2026

https://github.com/silvestrevivo/webpack4-starter

React starter boilerplate built with WebPack4. It contains some improvements respect the previous version, as weel as optimalizations got from the Parcel Starter respository.

babel classnames enzime eslint hot-reload html javascript jest postcss prettier prettier-eslint reactjs redux sass scss webpack4 webpack4boilerplate webpack4starter yarn

Last synced: 10 Apr 2026

https://github.com/vandodev/ignite-tailwind

Conteúdo do ignite Masterizando o tailwind, criando uma UI de dashboard com Next

ignite ignite-rocketseat nextjs postcss reactjs tailwind tailwind-css

Last synced: 10 Apr 2026

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

Dead simple Jekyll site template using Tailwind CSS

jekyll jekyll-site postcss tailwind

Last synced: 20 Feb 2026

https://github.com/hemanthkumarsunkari27/food-website

A visually appealing and user-friendly food website allowing users to browse various food items, view details, and explore recipes or descriptions. Built with HTML, CSS, JavaScript, and bundled with Vite for fast, optimized loading.

css food-website front-end html javascript postcss recipes responsive-design vite web-development

Last synced: 10 Apr 2026

https://github.com/franmc01/react-citas-app-2.0

Es una versión de una de las primeras aplicaciones que hice cuando aprendí Reactjs.

eslint postcss prettier react tailwindcss-v3 vitejs

Last synced: 10 Apr 2026

https://github.com/simmzl/ele

Vue.js 2.0 仿饿了么Web APP

better-scroll es6 eslint postcss stylus vue webpack

Last synced: 10 Apr 2026

https://github.com/1kodexxx/secretofbeauty

🌸 Секрет Красоты - адаптивный одностраничный сайт студии красоты, разработанный без фреймворков с использованием Tailwind CSS и PostCSS.

adaptive-website beauty html landing-page minimalistic postcss responsive spa tailwindcss

Last synced: 19 May 2026

https://github.com/chrisross5/supit-project

College project (Internet technology S3): 6 versions of the same web app - built and compared UX & DX: jQuery, Vue, Vue Full, React, React Full, Svelte. Deployed on Cloudflare Pages.

bootstrap headlessui javascript jquery jquery-ui lighthouse pinia postcss react react-redux react-router react-transition-group rendering svelte sveltekit tailwindcss typescript vite vue vue-router

Last synced: 10 Apr 2026

https://github.com/rohits05/ai-shi

autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css

Last synced: 10 Apr 2026

https://github.com/annaindistress/frontend-mentor-stats-preview-card-component

This is a solution to the stats preview card component challenge on Frontend Mentor

css-custom-properties gulp html postcss

Last synced: 20 Apr 2026

https://github.com/sagorranait/fronted-test-task

I converted the Figma design into clean, well-structured code, implementing the design elements and front-end functionality while ensuring cross-browser compatibility and responsiveness.

css globals html html-css-javascript javascript postcss react-dom reactjs tailwindcss vite

Last synced: 10 Apr 2026

https://github.com/jagadeeshvimal/medigaurd

MediGuard is a web application for managing healthcare data, built with TypeScript, Vite, Tailwind CSS, and PostCSS. It features a responsive UI, optimized performance, and modern development tools like ESLint for code quality and Vite for fast builds.

eslint postcss responsive-design security tailwindcss vite web-development

Last synced: 10 Apr 2026

https://github.com/oliverfindl/webpack-vue-boilerplate

Simple boilerplate for building Vue app with Webpack.

autoprefixer boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack webpack-vue-bolierplate workbox

Last synced: 10 Apr 2026

https://github.com/zgreen/postcss-shared-values

A PostCSS plugin that allows for a comma-separated shorthand for properties that share the same value.

css postcss postcss-plugin

Last synced: 06 May 2026

https://codeberg.org/fec/postcss-url-mapping

Plugin for PostCSS to transform URLs using a mapping object.

javascript postcss

Last synced: 01 Oct 2025

https://github.com/theelegantcoding/solid_template_webpage

📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.

clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development

Last synced: 10 Apr 2026

https://github.com/robinck/webpack-starter-kit

Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦

autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack

Last synced: 12 Jan 2026

https://github.com/lukmanrambe/mubaaz-project

Mubaaz Project - (dev : https://mubaaz-dev.vercel.app/)

eslint husky nextjs postcss prettier react-datepicker react-hook-form react-query react-select reactjs tailwindcss typescript

Last synced: 10 Apr 2026

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

The clone soldier.

alex babel browserslist carbon commitlint es eslint jest lint-staged markdownlint postcss scss semantic-release semver storybook stylelint template webpack

Last synced: 10 Apr 2026

https://github.com/devferx/block-master

Revive una tienda icónica para rentar películas, regresa con una nueva plataforma de streaming.

babel css html postcss react-vanilla styled-components webpack

Last synced: 10 Apr 2026

https://github.com/ravikisha/relaxcss

A next-generation, Tailwind-like JIT CSS/PostCSS plugin with a powerful plugin system, support for arbitrary values, variants (including dark mode and RTL), efficient watch mode, and CSS variable theme support. RelaxCSS can be used as a PostCSS plugin (recommended for most build pipelines) or as a standalone CLI tool.

javascript postcss postcss-plugin tailwindcss typescript

Last synced: 25 Aug 2025

https://github.com/avigoldman/postcss-colornames-to-hex

PostCSS plugin to convert color names to hexadecimal values

colornames colors hexidecimal plugin postcss

Last synced: 19 May 2026

https://github.com/aresdesigns/tic_tac_toe_multiplatform

Desarrollo del juego multiplataforma con Vite, tailwind y electron PWA para escritorio

electron html-css-javascript postcss pwa reactjs tailwind vite

Last synced: 07 Apr 2026

https://github.com/chrisnajman/journal-2025

A journal web app that saves entries and images locally in the browser using IndexedDB. Supports adding, editing, deleting, lazy-loaded images, and exporting entries as JSON. (This is an improved update of an earlier journal project.)

accessibility aria-attributes chatgpt-free client-side-form-validation css-grid css-nesting cssnano es6-modules esbuild html-minifier-terser html-template indexeddb intersection-observer lazy-loading loading-spinner localstorage no-js postcss quota-management theme-switcher

Last synced: 01 May 2026

https://github.com/castelo-codez/scoot-multi-page-website

This multi-page website will really test your front-end skills. There are 4 pages to build with mobile, tablet, and desktop designs included.

cypre frontend-mentor frontendmentor-challenge hrml js postcss sass scoot-multipage-website tail vite vuejs

Last synced: 27 Jan 2026

https://github.com/silvestrevivo/webpack-starter

Project starter template built with WebPack. It contains Babel to compile ES6 to ES5, as well as CSS and SASS loaders.

babel-webpack babeljs boilerplate-template browsersync css3 html5 javascript postcss starter-project starter-template template webpack2

Last synced: 07 Mar 2026

https://github.com/atomicojs/example-tailwindcss

atomico postcss tailwindcss webcomponents

Last synced: 07 Apr 2026

https://github.com/stevenalvaradoaguilar/weather-app

This project is an application to use and reinforce my knowledge in Next used typescript and Tailwind css with API's, the use and good practices of web developer importance in Backend and Frontend from the video offered by freecodecamp: https://www.youtube.com/watch?v=KkC_wYM_Co4.

api-client api-rest nextjs postcss tailwindcss

Last synced: 26 Jan 2026