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-11 00:23:58 UTC
JSON Representation

https://github.com/renatofilhodevandtech/site-primefix

PrimeFlix Moderno é uma aplicação de streaming premium, pensada para entregar uma experiência fluida, envolvente e visualmente marcante. Cada detalhe — da arquitetura ao design — foi cuidadosamente planejado para refletir excelência técnica, usabilidade refinada e uma identidade visual coerente.

api css html javascript postcss react react-router-dom tailwindcss

Last synced: 30 Dec 2025

https://github.com/fuelviews/laravel-tailwindcss

Tailwindcss Package

css fuelviews laravel laravel-tailwindcss php postcss tailwindcss

Last synced: 07 Apr 2026

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

fontawesome6 postcss tailwindcss

Last synced: 13 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/koffeine/rollup-plugin-sass-postcss

Rollup plugin for Sass and PostCSS

postcss rollup rollup-plugin sass scss

Last synced: 20 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/apis/go-htmx-post-css-example

Example CRUD Web application written in Go, HTMX, PostCSS

go-template golang htmx postcss vite

Last synced: 20 Apr 2026

https://github.com/annaindistress/frontend-mentor-news-homepage

This is a solution to the news homepage challenge on Frontend Mentor

css-custom-properties gulp html postcss vanilla-js

Last synced: 20 Apr 2026

https://github.com/jonasfroeller/webpack-webapp

Webpack frontend-webapp starter.

asciidoc docker docs fonts gh-pages images isc-license jest-tests postcss scss shoelace tailwindcss ts web-components webpack5 workflow

Last synced: 11 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/jessekoldewijn/qwik.jkinsight.nl

A very Qwik website right?

postcss qwik qwik-city tailwindcss typescript

Last synced: 11 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/schrojf/parcel-preact-ts-tailwindcss-template

⚡ Minimal Parcel + Preact + TypeScript + Tailwind CSS Starter Template A modern, zero-config web development starter kit with blazing-fast builds and type safety. Perfect for building lightweight, performant web applications with the latest tools and best practices.

eslint modern-tooling parcel postcss preact starter-template tailwindcss typescript web-development zero-config

Last synced: 06 Apr 2026

https://github.com/scrum/postcss-envariables

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 20 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/rc6799/vue-sell-car

Flutter Buy Sell

axios postcss sass tailwindcss vue3

Last synced: 20 Apr 2026

https://github.com/jsmond2016/react-cra-deep-dive

🔍 React CRA 深度剖析 - 从配置到原理的完整学习指南 | 系统分析Create React App的构建系统、配置机制和现代前端工程化最佳实践

babel create-react-app postcss react webpack

Last synced: 07 Apr 2026

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

A starter frontend boilerplate using Webpack 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 11 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/shubhadip/react-vite-component-library

Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.

commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs

Last synced: 10 Apr 2026

https://github.com/chrisnajman/local-build-pipeline-for-static-websites

Combine and minify all JavaScript modules and CSS, allowing the app to be run entirely from the local file system.

cssnano esbuild fs-extra html-minifier-terser postcss postcss-import postcss-nesting postcss-url

Last synced: 20 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/oe/postcss-logical-polyfill

A PostCSS plugin that provides physical property polyfills for CSS logical properties, enabling backward compatibility for older browsers and environments that don't support logical properties natively

css css-logical css-logical-properties logical-properties polyfill postcss rtl

Last synced: 10 Mar 2026

https://github.com/josealz/disco

Discord clone

autoprefixer build deploy firebase gh-pages git github odin-project postcss react tailwindcss vscode

Last synced: 10 Apr 2026

https://github.com/claudiusayadi/ketocss

The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.

adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based

Last synced: 28 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/tomasz-sodzawiczny/postcss-plugin-chain

Utility for chaining multiple PostCSS plugins as a single one.

chain chaining plugin postcss postcss-plugin

Last synced: 24 Apr 2026

https://github.com/cushjs/cush-plugin-postcss

CSS plugins for cush

cush cush-plugin postcss

Last synced: 24 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/khronosleung/postcss-iconfont

基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标

postcss postcss-plugin

Last synced: 25 Apr 2026

https://github.com/hmontarroyos/quiz_javascript

O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura

alura alura-quiz framer-motion front-end imersao-react javascript nextjs postcss react styled-components

Last synced: 11 Apr 2026

https://github.com/exslym/uikit-test

A basic typesafe UI Library built on top of React, Typescript, TailwindCSS and Storybook

jest postcss react storybook typescript

Last synced: 11 Apr 2026

https://github.com/haquanq-frontendmentor/intro-section-with-dropdown-navigation

Solution for frontendmentor.io challenge: intro-section-with-dropdown-navigation

bem-css frontendmentor frontendmentor-junior postcss typescript

Last synced: 27 Apr 2026

https://github.com/divyansh089/supply-chain-management

authentication blockchain ethereum hardhat holesky javascript next postcss security smart-contracts solidity supply-chain-management tailwind-css

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

devterm postcss remote thermalprinter vite vue

Last synced: 10 Apr 2025

https://github.com/liv7c/bookshop-static-version

Static html/css/js version for a wordpress website that is now live.

es2015 es6 gulp postcss responsive-web-design

Last synced: 15 May 2026

https://github.com/yash-jivani/ens-cryptoweb

Real-time trading status for the top Cryptocurrency

api css cyptocurrency html javascipt livedata postcss react tailwindcss

Last synced: 11 Apr 2026

https://github.com/chanonroy/react-github-battle

From the React online training tutorial

postcss react react-router scss webpack

Last synced: 11 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/lgraubner/webpack-boilerplate-react

Basic Webpack boilerplate for React projects.

flow hmr jest postcss prettier react webpack webpack-boilerplate

Last synced: 11 Apr 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/kingoftac/postcss-plugin-random

A PostCSS plugin for the upcoming CSS random() function.

css css-random css-random-func css-random-function frontend frontend-web function html plugin postcss postcss-plugin postcss-plugin-random random rust-web ui wasm wasm-bindgen web web-assembly

Last synced: 27 Apr 2026

https://github.com/metonym/postcss-inline-css-vars

PostCSS plugin to inline CSS variables

css-variables postcss postcss-plugin

Last synced: 21 Aug 2025

https://github.com/de1ck/javascript-tools-guide

javascript tools include webpack babel postcss ...

babel postcss webpack2

Last synced: 02 Feb 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/alexandremasy/postcss-salt-typography-parser

Salt - Typography Parser utility

postcss postcss-plugin salt

Last synced: 27 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/swissgrc/postcss-remove-font-face-format

📦 PostCSS plugin to remove font faces formats

font-face hacktoberfest plugin postcss

Last synced: 01 Apr 2026

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

Boilerplate to kickstart creating a project with Webpack configuration

babel boilerplate eslint javascript jest postcss prettier stylelint webpack

Last synced: 17 Feb 2026

https://github.com/pvdlg/karma-postcss-preprocessor

Karma preprocessor to compile css files with postcss with sourcemap and watch support

karma karma-plugin karma-preprocessor postcss sourcemaps watcher

Last synced: 28 Apr 2026

https://github.com/diegoreports/bike-tailwindcss

Project in Reactjs, developed as an object of study in a Tailwindcss class. It aims to explore the resources of utility classes, as well as gain greater knowledge in customizing properties and themes.

bicicleta biker css framer-motion javascript javascript-mastery landing-page landing-page-bicicleta landing-page-biker mobile postcss reactjs responsive-design tailwindcss vite

Last synced: 07 Apr 2026

https://github.com/awayken/postcss-placeholdit

PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.

postcss

Last synced: 13 May 2026

https://github.com/elchininet/postcss-rtlcss-less-and-sass

Webpack configuration to use postcss-rtlcss with less and sass

css left-to-right less ltr postcss postcss-plugin postcss-rtlcss right-to-left rtl sass

Last synced: 11 Apr 2026

https://github.com/romsendz/ugcc-pokrov-church-v2

A full-stack CMS-like web application for the UGCC Church.

external-api full-stack next-auth nextjs postcss postgresql prisma-orm quilljs react react-dom react-hook-form reactcontextapi responsive-design rest-api supabase tailwindcss tanstack-query typescript zod

Last synced: 07 Apr 2026

https://github.com/divyansh089/apple-store

A fully functional apple store making it as a remarkable e-commerce website.

api-rest apple axios-react chakra-ui coreui coreui-icons expressjs mongodb postcss react redux vercel-deployment

Last synced: 07 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/ambar/docz-plugin-style

PostCSS Preset Env + CSS Modlues

docz docz-plugin postcss

Last synced: 16 May 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/ryan-dorman/pomodoro-clock

A simple Pomodoro clock designed to help control your work patterns to ensure appropriate breaks are taken. Features graphic display of time progression, and use of the Notification API.

gulpjs html javascript postcss progressbar-js

Last synced: 14 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/zhanba/react-starter

yet another react starter based on webpack, babel, postcss

babel eslint postcss react webpack2

Last synced: 10 Apr 2026

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/crowdfunding-product-page

Solution for frontendmentor.io challenge: crowdfunding-product-page

accessibility bem-css frontendmentor html junior postcss typescript vite

Last synced: 28 Apr 2026

https://github.com/abhich21/memory-game

a basic number pair memory game

postcss react-dom reactjs tailwindcss vitejs

Last synced: 11 Apr 2026

https://github.com/miguelsjimenezv/ridenewsproject

RideNews es una plataforma web creada con PHP (Laravel), JavaScript, Tailwind CSS y Vite. Está diseñada para permitir a los usuarios motociclistas crear, gestionar y compartir publicaciones relacionadas con el mundo de las motocicletas.

backend blade frontend laravel mysql npm php postcss responsive tailwindcss vite web

Last synced: 10 Apr 2026

https://github.com/joschuaschneider/gatsby-tailwindcss-postcss-boilerplate

Gatsby Starter Default with TailwindCSS and PostCSS + PurgeCSS

gatsby postcss purgecss starter tailwind

Last synced: 28 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/afeiship/postcss-one-to-many

One to many for postcss.

many margin one padding postcss to

Last synced: 28 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/haquanq-frontendmentor/project-tracking-intro-component

Solution for frontendmentor.io challenge: project-tracking-intro-component

bem-css frontendmentor frontendmentor-junior javascript postcss

Last synced: 28 Apr 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/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/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/kayqueprogram/update-ia-frontend

Aplicação desenvolvida em desafio da Rocketseat. O projeto consiste num gerador de descrições e títulos para vídeos do YouTube a partir da transcrição do conteúdo.

axios eslint ffmpeg postcss radixui react tailwindcss typescript vite

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

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

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