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-02 00:23:57 UTC
JSON Representation

https://github.com/nathanielinman/jugs-vue

Vue app generator JUGS-VUE makes getting started with VueJS easy!

babel boilerplate javascript pinia postcss pug slush stylus vitejs vue vuejs

Last synced: 28 Mar 2025

https://github.com/siveing/next-purge-css

Implement the purge css to minimize the css and content with purge css

nextjs postcss purgecss tailwindcss typescript

Last synced: 13 Apr 2026

https://github.com/solo-steven/rustlycss

css transformer build in rust

css css-generator css-parser postcss postcss-like

Last synced: 09 Mar 2025

https://github.com/haquanq-frontendmentor/tip-calculator-app

Solution for frontendmentor.io challenge: tip-calculator-app

accessibility bem-css frontendmentor html postcss typescript vite

Last synced: 05 May 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/pomelott/postcss-retina-px-border

PostCSS plugin which create real physical pixel border on retina screen.

1px dpr plugin postcss px retina

Last synced: 30 May 2026

https://github.com/winston0410/tailwindcss-absolute-centering

A Tailwindcss plugin to help you center elements with position: relative and position:absolute easily.

postcss tailwindcss tailwindcss-plugin

Last synced: 08 Apr 2026

https://github.com/iamkhan21/svelte-typescript-vite-template

A starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.

netlify postcss svelte sveltejs template typescript vite

Last synced: 13 Apr 2026

https://github.com/waitingwittykitty/deck-dragon

This is a simple card game. Lucky guys or losers.

apollo docker game graphql postcss prisma react tailwind

Last synced: 13 Apr 2026

https://github.com/shgysk8zer0/node-purist

A meta-package for building web-apps using native technologies, transpiled using Babel + PostCSS

cssnano cssnext npm npm-package postcss transpiler webpack

Last synced: 18 Apr 2026

https://github.com/danielbayley/svg-social-icons

Adaptable, reusable @SVG social media icons done right.

css html icons jade less npm postcss preprocessor pug sass scss social stylus svg

Last synced: 13 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/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/tech-preta/fintelli

Aplicação full-stack de finanças com IA com observabilidade nativa.

autoprefixer axios css docker docker-compose fastapi gemini helm html nginx opentelemetry-collector postcss postgresql python react redis tailwind typescript uvicorn vite

Last synced: 23 Aug 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/aryan02420/postcss-themewind

A PostCSS plugin to make theming with TailwindCSS easy and fun

plugin postcss tailwindcss

Last synced: 05 May 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/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/michaelpadiernos/minim

base-theme css css-flexbox css-grid drupal-theme gulpjs postcss twig twig-components

Last synced: 05 May 2026

https://github.com/asyncbanana/asyncbanana.github.io

My personal website built with HTML, JavaScript, and PostCSS, and bundled with Parcel

parcel-bundler personal-website postcss

Last synced: 13 Jun 2025

https://github.com/cedric-renais/carhub

Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.

headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript

Last synced: 02 Jan 2026

https://github.com/inambe/sass-postcss-wp-template

Webpack project template with SASS and PostCSS integrated.

postcss sass webpack4

Last synced: 13 Apr 2026

https://github.com/celthros/simple-tailwind-post-webpack

Fist time utilizing and creating a simple webpack and post css tool to install and ready to use kit for development.

configuration postcss tailwindcss webpack

Last synced: 22 Feb 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/kaanguru/clientsidetemplate

SvelteKit Static Site Generation Template

indexeddb postcss skeleton ssg superforms sveltekit tailwindcss

Last synced: 05 May 2026

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

React library template

babel eslint parcel postcss prettier react riteway tape

Last synced: 11 Apr 2026

https://github.com/wr-projects/utils

🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)

2022 2022-project babel commitizen commitlint config eslint markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts webreadyprojects wrprojects

Last synced: 20 Mar 2025

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: 20 Mar 2025

https://github.com/ashanaur-meghops/rebanding

fontawesome6 postcss tailwindcss

Last synced: 13 Apr 2026

https://github.com/rencire/typescript-webapp-starter

babel babel-preset-env babel-typescript frontend husky lint-stag postcss postcss-preset stylelint tslint typescript webpack webpack4

Last synced: 13 Apr 2026

https://github.com/p-chan/rr-sk

Riot-Rollup-Starterkit

postcss riot rollup

Last synced: 18 Apr 2026

https://github.com/locol23/webpack-scss-starter

A boilerplate of static site using webpack + postcss(scss)

postcss scss webpack

Last synced: 13 Apr 2026

https://github.com/zeuz8/redux-tutorial-cart

Embarking on a comprehensive Redux tutorial, this Git repository houses a simple yet powerful shopping cart project. Delve into the intricacies of Redux as we harness its capabilities to manage state efficiently and gain valuable insights into the fundamentals of state management in React applications.

postcss react react-redux redux tailwindcss vite

Last synced: 12 Apr 2026

https://github.com/valeriogc/postcss-media-query-pruner

A PostCSS plugin that merges, removes duplicates, and sorts media queries for optimized, lightweight CSS

css css-optimization media-queries postcss postcss-plugin sorting

Last synced: 22 Feb 2026

https://github.com/mudrabhedi/my-chat-app

This Full-Stack Chat App enables real-time messaging with user authentication, powered by React frontend and Node.js backend using Socket.IO for live communication. It features secure JWT-based login, online user display, and a responsive UI built with Tailwind CSS.

expressjs jwt-token nodejs postcss react socket-io tailwindcss vite

Last synced: 13 Apr 2026

https://github.com/frikadellios/astropampers

Astro Static starter website template for Vercel

astro daisyui editorconfig eslint nanocss pnpm postcss prettier react tailwind typescript vercel

Last synced: 13 Apr 2026

https://github.com/aliaks-ei/childde

UI part of "Child.de" - knowledge sharing platform

autoprefixer babel css cypress e2e-tests gulp html javascript mjml postcss pug sass scss unit-tests

Last synced: 09 Apr 2026

https://github.com/aliaks-ei/advent-of-javascript

This repository contains implementation of challenges from Advent of Javascript calendar

a11y animations composition-api-vue3 css eslint javascript postcss sass tailwind typescript vite vue

Last synced: 09 Apr 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/dak0rn/react-boilerplate

A boilerplate used for large React projects

babel boilerplate css-modules es2015 postcss react webpack

Last synced: 13 Apr 2026

https://github.com/adam014/inspirobot

InspiroBot is an prompting tool for modern world to discover, create and share creative AI prompts.

javascript mongodb mongoose nextjs postcss react tailwindcss

Last synced: 13 Apr 2026

https://github.com/dotfn/astro-personal-template

Astro + ESLint + Prettier + PostCSS

astro eslint postcss prettier stylistic

Last synced: 13 Apr 2026

https://github.com/azamat-cto/react-ts-starter

autoprefixer browserslist class-variance-authority clsx eslint husky lint-staged node pnpm postcss prettier react tailwind-merge tailwindcss tailwindcss-animate typescript vite

Last synced: 01 Mar 2025

https://github.com/aaren08/devevents_jsm

DevEvents is a full-stack event management platform built with modern web technologies. It enables users to browse, view details, create, and manage events, as well as handle event bookings.

better-auth cloudinary google-auth javascript mongodb nextjs nodejs postcss posthog qodo shadcn-ui tailwindcss typescript

Last synced: 08 Jan 2026

https://github.com/shekharsikku/flip-nd-find

Flip & Find - Cat Flip Game

eslint mongodb nextjs postcss prettier react tailwindcss typescript vercel-analytics

Last synced: 08 Jan 2026

https://github.com/kamon-tahara-504/portfolio

Kamon-Tahara-504 / Next.JS Portfolio

emailjs nextjs postcss react tailwindcss-v4 typescript

Last synced: 08 Jan 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/annaindistress/frontend-mentor-scoot-multi-page-website

This is a solution to the scoot multi-page website challenge on Frontend Mentor

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

Last synced: 18 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/slhsxcmy/postcss-split-selectors

css npm postcss postcss-plugin

Last synced: 08 Apr 2026

https://github.com/lagden-development/lagden.dev

The official website for Lagden Development; built with NextJS and TypeScript.

eslint js nextjs postcss react tailwindcss typescript

Last synced: 26 Jan 2026

https://github.com/lasalefamine/chrome-ext-boilerplate

Chrome extension boilerplate with Webpack and PostCSS ready.

boilerplate chrome-extension postcss webpack

Last synced: 05 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/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/thornwalli/devterm-toolbox

devterm postcss remote thermalprinter vite vue

Last synced: 10 Apr 2025

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/gokatz/tailwind-scss-setup

SCSS and Tailwind setup for an Ember project

emberjs postcss scss tailwindcss

Last synced: 16 Jan 2026

https://github.com/masterjaneza/portfolio

A modern, animated developer portfolio built with Tailwind CSS and GSAP. Designed to be responsive, elegant, and highly interactive, it showcases projects with smooth scroll-based animations and custom styling. Built from scratch to reflect a unique personality and developer experience—perfect for job applications, freelancing, or personal branding

autopreficer css3 gsap gsap-animation gsap-scrolltrigger html5 lenis lenis-js lenis-scroll modern modern-ui post-css postcss responsive smooth smooth-animation smooth-animations-and-transitions tailwindcss tailwindcss-plugin

Last synced: 05 May 2026

https://github.com/bimapriaaditya/create-starterpack-src

Starter frontend project with webpack, bootstrap scss and tailwind postcss

bootstrap5 postcss scss src tailwind

Last synced: 07 May 2026

https://github.com/watheia/typed-css

A collection of helper utilities and plugins for working with staticky typed CSS modules

css-modules docusaurus nx postcss spectrum-css webpack

Last synced: 07 May 2026

https://github.com/emranffl/data-security-blockchain

Thesis work.

blockchain blockchain-technology graph network nextjs postcss security tailwind tailwind-css typescript vizjs

Last synced: 07 May 2026

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

This is a solution to the 3-column preview card component challenge on Frontend Mentor

css-custom-properties gulp html postcss

Last synced: 13 Apr 2026

https://github.com/danielfgray/gulp-boilerplate

basically just a gulpfile

babel boilerplate browserify eslint gulp postcss stylelint

Last synced: 13 Apr 2026

https://github.com/annaindistress/frontend-mentor-clock-app

This is a solution to the clock app challenge on Frontend Mentor

css-custom-properties github-actions html ip-geolocation-api postcss quotable-api svg-sprite vanilla-js vite worldtimeapi

Last synced: 07 May 2026

https://github.com/angelmtztrc/tailwindcss-darkmode

A basic example of Dark/Light mode with TailwindCSS and ReactJS.

javascript postcss reactjs tailwindcss

Last synced: 07 May 2026

https://github.com/0-luckypenny/agency-portfolio

agency-portfolio

nextjs postcss tailwindcss typescript

Last synced: 18 Mar 2025

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/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/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/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/halvardssm/frontend-starter

A base app which uses React, Typescript, i18next translations with POEditor, React-router, Parcel, Bootstrap, Font Awesome, SCSS

font-awesome hacktoberfest poeditor postcss react template typescript webpack

Last synced: 14 Feb 2026

https://github.com/haquanq-frontendmentor/age-calculator-app

Solution for frontendmentor.io challenge: age-calculator-app

accessibility bem-css frontendmentor-junior html postcss

Last synced: 08 Apr 2026

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/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/denisoct/news-homepage

News homepage

mantine-ui nextjs postcss

Last synced: 09 May 2026

https://github.com/chrisnajman/one-page-site-template

One-page site template with multiple elements, including accordion, carousel, modal and slide-in.

accessibility babel-es6 html-css-javascript postcss scss webpack

Last synced: 07 May 2026

https://github.com/matthewbub/css4life

Convert Postcss to CSS via CLI

cli css postcss

Last synced: 01 Oct 2025

https://github.com/philipprochazka/web-gallery

A Extremely simplistic Web gallery template. could be used in manny ways, for example I want a photographer Gallery where i could share effordlesly knowing they can't download my creative effords because my pictures are served as a encoded background Inlay.

autoprefixer bootstrap bootstrap5 browsersync chokidar concurrently gallery postcss prettier-eslint pug scss shelljs startbootstrap upath

Last synced: 24 Jan 2026

https://github.com/muasa-harman/online-shopping-app

This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.

eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript

Last synced: 18 Jan 2026

https://github.com/barryblando/modern-workflow

ES6+, Babel, Webpack, Gulp, PostCSS, Mobile-First

babel gulp jquery postcss sizzy webpack

Last synced: 25 Jan 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/sthzg/codesandbox-tailwind-playground

Tailwind playgound running locally and on codesandbox.io.

csa-template hmr playground postcss snowpack tailwindcss

Last synced: 06 May 2026

https://github.com/annaindistress/frontend-mentor-time-tracking-dashboard

This is a solution to the time tracking dashboard challenge on Frontend Mentor

css-custom-properties github-actions postcss react rest-api svg-sprite vite

Last synced: 14 Apr 2026

https://github.com/krypton225/manage-landing-page

This is just a training in Front End Mentor website.

css3 frontend-mentor html5 postcss pugjs webpack

Last synced: 24 Jan 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/jdsteinbach/sass-postcss

Using Sass & PostCSS Together

css postcss sass

Last synced: 08 May 2026

https://github.com/nikolaymakhonin/postcss-js-syntax

For use powerful JavaScript syntax for compile CSS instead legacy preprocessors: SASS, LESS, Stylus, etc... Demo:

css javascript js json modularity postcss postcss-syntax preprocessor

Last synced: 08 May 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/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/annaindistress/frontend-mentor-newsletter-sign-up-form

This is a solution to the newsletter sign-up form with success message challenge on Frontend Mentor

css-custom-properties github-actions postcss react vite

Last synced: 14 Apr 2026

https://github.com/DarinelEscobar/react-vite-shadcn-ui-template

React + Vite template with TypeScript, Tailwind CSS, and seamless V0.dev integration for effortless AI-generated components.

ai ai-templates eslint fast-prototyping postcss react react-template shadcn shadcn-ui tailwindcss typescript v0-dev v0dev vite

Last synced: 11 Oct 2025

https://github.com/haquanq-frontendmentor/expenses-chart-component

Solution for frontendmentor.io challenge: expense-chart-component

accessibility bem-css frontendmentor frontendmentor-junior html postcss

Last synced: 08 Apr 2026

https://github.com/chrisnajman/github-pages-optimised-build

GitHub Pages site template built from the '/docs' folder using an automated front-end build process with minified HTML, CSS and (transpiled) JavaScript.

css-nesting cssnano es6-modules esbuild html-css-javascript html-minifier-terser postcss postcss-cli postcss-import postcss-nesting shx