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-06-26 00:20:33 UTC
JSON Representation

https://github.com/alexandrecpedro/world-cup-polls

World Cup Polls platform for web and mobile - NLW World Cup

expo fastify figma google-fonts ignite-rocketseat jwt nextjs nodejs oauth2 phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript worldcup

Last synced: 06 Apr 2026

https://github.com/fsmaiorano/snippets-vault

:computer: Save your own snippets on a mysql server.

bootstrap4 express mariadb nodejs nunjucks postcss ts-node typeorm typescript

Last synced: 25 Aug 2025

https://github.com/lhywell/postcssinwebpack

vue项目中的postcss与webpack配置

postcss vuejs2 webpack3

Last synced: 15 Apr 2026

https://github.com/bntzio/aguayo-frontend-test

Página web con responsive design (mobile first)

cssnext gulp postcss webpack

Last synced: 30 Apr 2026

https://github.com/devmattrick/postcss-color-5

[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).

5 color color-adjust color-contrast color-mix css module postcss postcss-plugin

Last synced: 24 Feb 2026

https://github.com/rqbazan/aimo-challenge

Solution for the AIMO challenge 🤓

github-api nextjs postcss tailwindcss typescript

Last synced: 15 Apr 2026

https://github.com/octet-stream/tailwindcss-device

TailwindCSS plugin to add variants for input device detection using `@media` queries

media-queries postcss tailwindcss tailwindcss-plugin

Last synced: 06 Feb 2026

https://github.com/arnobt78/embedded-feedback-widget--nextjs

Feedback Widget Next is a reusable, embeddable feedback widget for modern web projects. Users can submit feedback (name, email, message, rating), which is stored in a MongoDB database via Prisma. The widget is designed for easy integration, customization, and educational purposes.

app-router-nextjs feedback feedback-collection integrated-app javascript nextjs postcss prisma prisma-client prisma-orm react-functional-components resuable-feedback-widget reusable-widget shadcn tailwindcss typescript vercel-deployment widget widget-embedding

Last synced: 28 Jun 2025

https://github.com/franekstein/react-ts-starter

Modern React & Typescript boilerplate.

cssmodules postcss react sass typescript webpack

Last synced: 04 Jan 2026

https://github.com/bush1d3v/linktree

Aplicação "árvore de links", que possui o objetivo de reunir vários link de redes sociais de uma pessoa.

javascript nextjs postcss sass tailwind typescript yarn

Last synced: 11 Apr 2026

https://github.com/tshasan/tshasan.com

A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.

daisyui pnpm postcss sveltekit tailwind-css vite

Last synced: 29 Jan 2026

https://github.com/dev-gaitano/jasmijn-schrofer

A dynamic and visually engaging portfolio website built using React, specifically designed to showcase the creative work of acclaimed film director Jasmijn Schrofer

cloudinary postcss react tailwindcss typescript vite web-development website

Last synced: 11 Apr 2026

https://github.com/kelvin-mai/image-hub

A Instagram-like web application made in the MERN stack

express instagram mongodb nodejs postcss react

Last synced: 10 Apr 2026

https://github.com/hyperdargo/ankitgupta-portfolio-v4

Linux Terminal Theme Website

css html javascript postcss reactjs tailwindcss vite

Last synced: 15 Apr 2026

https://github.com/cassler/use-minesweeper

Basic implementation of Minesweeper as a React hook.

games minesweeper postcss react react-hooks tailwind typescript vite

Last synced: 15 Apr 2026

https://github.com/garthdb/postcss-npm

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 31 Jan 2026

https://github.com/gxlmyacc/build-react-esm-project

a react build command that will transform js/jsx/images/scss/less with gulp-babel/postcss/scss/less plugin, this is a good way to release an NPM package.

babel build-tool esm npm-package postcss react

Last synced: 31 Jan 2026

https://github.com/mouhametnd/pomodoro-app

This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js

bem-methodology gulpjs javascript localstorage postcss scss

Last synced: 31 Jan 2026

https://github.com/joyontokarmakar/tailwind-css-starter-pack

postcss starter-pack tailwindcss

Last synced: 15 Apr 2026

https://github.com/dimitrinicolas/ava-postcss-tester

Simply test your PostCSS plugin with AVA

ava postcss test testing-tools

Last synced: 27 Apr 2026

https://github.com/tomchochola/browser-webpack-typescript-app-template

The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 16 May 2025

https://github.com/jamiller619/tachyons.js

Tachyons helper function for JavaScript. Built with PostCSS Modules.

css css-in-js css-modules postcss postcss-modules tachyons tachyons-css

Last synced: 25 Feb 2026

https://github.com/timscodebase/design-tim

This is my personal website.

html-css-javascript postcss svelte sveltekit typescript

Last synced: 02 Feb 2026

https://github.com/jeff2ma/postcss-decls-ref

A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).

css declaration extend postcss postcss-plugin ref sass

Last synced: 02 Feb 2026

https://github.com/osamamammar/calculator

🧮 JS practice project from (The Odin Project). calculator

css html javascript postcss pugjs theodinproject

Last synced: 15 Apr 2026

https://github.com/y1j2x34/browser-extension-boilerplate2

🔥 A template for building cross browser extensions for Chrome, Opera & Firefox.

browser-extension chrome-extension-starter cross-browser firefox-addons monorepo opera-extension postcss scss tailwindcss typescript webpack yarn-workspace

Last synced: 11 Apr 2026

https://github.com/imerkle/mobx-react-typescript-webpack-i18n-mst-antd

🍽 boilerplate for mobx , react, typescript, webpack, i18n, antd, mobx state trees,

antd boilerplate i18n mobx mobx-state-tree postcss react react-router-v4 typescript webpack yarn

Last synced: 10 Apr 2026

https://github.com/jorgeatgu/gulp-postcss

:small_red_triangle: Empezando a trabajar con postCSS en Gulp

blog css postcss

Last synced: 17 Apr 2026

https://github.com/kcmr/react-vite-starter

Starter template for React with TypeScript, CSS-Modules and Jest setup powered by Vite. Based on Vital (https://github.com/jvidalv/vital)

eslint jest postcss prettier react scaffold-template starter-template testing-library-react typescript vite

Last synced: 10 Apr 2026

https://github.com/lordpluha-zz/devgulp

Creating gulpfile strater-project, based on newest stable trends

css gulp gulp-plugins gulp-sass gulp-starter gulp-tasks gulp4 gulpjs html html5 html5-css3 html5-framework javascript node-js nodejs php postcss scss stylelint

Last synced: 09 Feb 2026

https://github.com/semanticdata/ximena

🐞 Eleventy starter theme/template with TailwindCSS, DaisyUI.

11ty 11ty-starter cssnano daisyui eleventy eleventy-starter postcss prettier sass tailwindcss work-in-progress

Last synced: 09 Feb 2026

https://github.com/glauberramos/travel-planner

Simple website to create travel plans

cssmodules express nodejs postcss react redux sequelize

Last synced: 10 Feb 2026

https://github.com/bigcui/postcss-px2scale

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 10 Feb 2026

https://github.com/frontendweb3/blogpost

Blog post is simple lightweight html template for blog build with tailwindcss

css html html-css html-template html5 postcss postcss-cli tailwindcss

Last synced: 11 Apr 2026

https://github.com/aaronvanston/zones

At a glance view timezones across the world | Simple boilerplate for React

boilerplate cssmodules cssnext jest postcss react redux timezone webpack

Last synced: 10 Feb 2026

https://github.com/lifeisbeautifu1/modern-react-app

A modern React app (early 2025 edition)

babel browserslist cicd codecoverage eslint netlify-deployment playwright postcss prettier react react-router react-starter stylelint tailwindcss typescript vite vitest

Last synced: 10 Apr 2026

https://github.com/pokedotdev/my-gallery-devchallenge

Devchallenges.io challenge made with React and Tailwindcss

postcss reactjs tailwindcss

Last synced: 16 Apr 2026

https://github.com/awayken/2017-christmas-card

ESCAPE from the MAZE PLANET

christmas-card nuxt postcss showcase vue

Last synced: 04 May 2026

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

Multi-step form

bem-methodology javascript postcss scss vite

Last synced: 23 Jul 2025

https://github.com/creaworks-labs/postcss-react-bender

PostCSS plugin to process react-bender styling features with scss like syntax.

css-in-js cssnext postcss postcss-plugin react-native styled-components stylesheet

Last synced: 13 Feb 2026

https://github.com/bernardomennndes/routine-planner

Projeto desenvolvido durante a oficina de introdução ao React.js, durante o evento da semana do programador Unicoder.

postcss radix-ui react tailwindcss typescript vite zod

Last synced: 20 Jan 2026

https://github.com/keidrun/boilerplate-react

Boilerplate of React with Webpack.

boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2

Last synced: 07 Apr 2026

https://github.com/fitri-hy/dev-framework

Fullstack framework designed for building modern web applications with ease

dev framework frontend fullstack fullstack-javascript nodejs postcss tailwindcss web-framework webpack

Last synced: 14 Feb 2026

https://github.com/sammyleths/mediplay

MediPlay is the informational website for a gamified medication app for children who need to take medication every day.

autoprefixer bootstrap bootstrapicons font-awesome html5 npm parcel-bundler postcss sass scss

Last synced: 14 Feb 2026

https://github.com/harinathlee/ford-app

This is repo where we try to figure out the architecture, folder structure and dependencies that we need to follow in the initial state of Ford project development.

eslint jest js postcss react rtk rtk-query rtl tailwindcss vitest vitest-ui

Last synced: 14 Feb 2026

https://github.com/kristerkari/react-native-typed-postcss-transformer

PostCSS transformer with Typescript support for React Native

css loader postcss react-native transformer typescript

Last synced: 20 Jan 2026

https://github.com/rafaeldevvv/pokon

Pokón is a fan-made website showcasing part of the Pokémon data available in the PokéAPI.

eslint nextjs pokeapi pokedex pokemon postcss react tailwindcss typescript

Last synced: 02 Apr 2026

https://github.com/den4ik117/rgs

Расчётно-графическая работа по математической статистике

css3 html5 js laravel mathjax maths pdf php81 postcss report rgr

Last synced: 16 Feb 2026

https://github.com/vtbag/postcss-active-view-transition-type

until :active-view-transition-type is baseline, rewrite it to check for css classes on :root, which can be automatically set using mayStartViewTransition from @vtbag/utensil-drawer with the useTypePlugin extension

polyfill postcss view-transition-types

Last synced: 04 Aug 2025

https://github.com/jlozovei/loaderscss

Simple + awesome css-only crafted loaders

css loaders postcss

Last synced: 16 Apr 2026

https://github.com/everproof/blueq-react-boilerplate

BlueQ's React App boilerplate

babel blueq boilerplate es6 eslint javascript postcss react react-boilerplate react-router redux sass sass-lint scss webpack2

Last synced: 07 Oct 2025

https://github.com/lumakernel/web-playground

editorconfig eslint gulp postcss typescript

Last synced: 12 Apr 2026

https://github.com/ashwin-s-nambiar/notes-app

Notes App - A simple full-stack notes app made to improve my knowledge and ability in Next.js. Currently uses PocketBase for the backend.

full-stack nextjs pocketbase postcss router tailwindcss

Last synced: 16 Apr 2026

https://github.com/jl-olemar/olemar-github-finder

App for finder yout github profile.

axios daisyui husky postcss react react-router-dom-v6 tailwindcss vite

Last synced: 09 Apr 2026

https://github.com/biril/modcss

Modular CSS with postCSS and npm scripts

css css-modules example npm-scripts postcss tutorial

Last synced: 16 Apr 2026

https://github.com/izquiratops/esbuild-postcss

Use ESbuild with PostCSS 🎨

esbuild postcss

Last synced: 04 Mar 2026

https://github.com/amit-kumar-18/blogr-landing-page

A fully responsive Landing Page website built with HTML and Tailwind CSS, deployed with Netlify.

html5 postcss responsive-web-design tailwindcss

Last synced: 14 May 2026

https://github.com/ningbonb/postcss-comn

PostCSS入门与配置

notes postcss

Last synced: 16 Apr 2026

https://github.com/joserafael0160/clock

A basic clock made with HTML, PostCSS and JS

basic-clock clock clock-web html javascript postcss web-clock

Last synced: 05 Mar 2026

https://github.com/halvaradop/ui

A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.

pnpm postcss react storybook tailwindcss ui ui-library

Last synced: 21 Apr 2025

https://github.com/hackemateninja/ronindev

ronindev hugo blog and portfolio

alpine go hugo postcss tailwindcss

Last synced: 12 Apr 2026

https://github.com/maybemonad/vite-lib-starter

postcss react tailwindcss typescript

Last synced: 12 Apr 2026

https://github.com/alexandremasy/postcss-salt-typography

PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.

postcss postcss-plugins salt salt-plugins

Last synced: 18 May 2026

https://github.com/jakesidsmith/watch-less-do-more

Watch less files and their dependency tree for changes & automatically recompile

css dependency-tree less postcss postcss-modules recompile watch watcher

Last synced: 06 Apr 2025

https://github.com/premierstacks/postcss-stack

The PostCSS Stack is a pre-configured set of PostCSS configurations designed to streamline CSS transformations for projects of any scale. Whether you’re using PostCSS directly through the command line or integrating it into a build tool like Webpack, this stack offers an optimized setup that works seamlessly in multiple environments.

nodejs postcss premierstacks stack tomchochola webpack

Last synced: 17 Apr 2026

https://github.com/halilatilla/todo-up

Todo-Up

drag-and-drop eslint husky lint-staged nextjs postcss prettier react tailwindcss typescript

Last synced: 02 Apr 2026

https://github.com/daveinchy/simple-react-template

This is a alternative to CRA and implements TailwindCSS with PostCSS and Webpack. You are not bound to `react-script` to configure the app, and thus its fully customizable

css postcss react tailwindcss webpack

Last synced: 02 Apr 2026

https://github.com/mahdita97/machex

Machex (A React Chrome Extension Boilerplate)

chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5

Last synced: 06 Apr 2026

https://github.com/ezavile/react-ts

Start your project using React, TypeScript and PostCSS

postcss react typescript webpack

Last synced: 17 Apr 2026

https://github.com/ryan-dorman/colorful-calculator

A calculator with colorful animated feedback powered by Paper.js. Colors flash based on number inputs to calculator and the results obtained. A list of past calculations allows you to input past results into equations.

gulpjs html javascript paperjs postcss

Last synced: 09 Mar 2026

https://github.com/jl-olemar/journal-app-react

📌 Ole-journal is a journaling app for people who want to write about their notes and ideas.

date-fns firebase postcss react react-redux react-router-v6 redux redux-thunk sweetalert2

Last synced: 10 Apr 2026

https://github.com/premierstacks/react-spa-template

The Browser Webpack TypeScript React App Template offers a complete foundation for developing modern browser-based applications with TypeScript, React, and Webpack. Featuring pre-configured setups for React components, TypeScript, and asset optimization, this template streamlines your development workflow while ensuring clean and maintainable code.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 09 Apr 2026

https://github.com/sohanemon/dragon-news

🚀 postcss, tailwind

combinators css firebase-auth postcss react react-hot-toast tailwindcss

Last synced: 04 Apr 2026

https://github.com/fabberr/nlw9-web

Web frontend for NLW9's application. Created with @vitejs + React + TypeScript.

css3 html5 postcss react twitch typescript vitejs

Last synced: 04 Apr 2026

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

Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome

babel boilerplate bootstrap3 font-awesome postcss scss webpack3

Last synced: 08 Mar 2026

https://github.com/osamamammar/gui-rock-paper-scissor

JS practice project from (The Odin Project). rock paper scissor GUI

css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject

Last synced: 20 Apr 2026

https://github.com/y-solb/diary

그림 일기장

firebase postcss react

Last synced: 07 Apr 2026

https://github.com/nju33/postcss-octicon

Postcss plugin for octicons

base64 icons octicon postcss postcss-plugin svg

Last synced: 18 Apr 2026

https://github.com/kogakure/website-11ty-hamburg.stefanimhoff.de

My travel blog for walking and cycling the city of Hamburg. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 10 Apr 2026

https://github.com/ezavile/postcss-typescript-kickstart

Simple boilerplate to kick start your new PostCSS plugin with TypeScript

boilerplate kickstart postcss postcss-plugin typescript

Last synced: 18 Apr 2026

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

The protocol droid.

babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config

Last synced: 06 Mar 2026

https://github.com/notiv-nt/postcss-transition

Plugin that allows you to set the default value for the transition shorthand property

css postcss postcss-plugin transition

Last synced: 16 Jan 2026

https://github.com/riksev/socialstats

Social media dashboard responsive website

autoprefixer babel browsersync cssnano gulp postcss sass terser theme-switcher

Last synced: 18 Apr 2026

https://github.com/oncomouse/extract-tachyons

Accelerate your Tachyons websites! Read HTML files, extract a list of CSS classes, and create a custom distribution of Tachyons with only the classes you are actually using.

postcss tachyons tachyons-css

Last synced: 21 May 2026

https://github.com/imedadel/styled-lostgrid

[WIP] Port of Lost-Grid to Styled-Components

lost-grid postcss react styled-components

Last synced: 18 Apr 2026

https://github.com/mrarvind90/fcc-impulsivity

A full-stack reactive e-commerce web application built with NextJS, Tailwind CSS, Prisma, DaisyUI and MongoDB

daisyui freecodecamp mongodb next-auth nextjs postcss prisma tailwindcss typescript zod

Last synced: 11 Apr 2026

https://github.com/kailoon/postcss-starter

Postcss starter is a starter kit for any project using postcss.

css nodejs pnpm postcss starter

Last synced: 19 Apr 2026

https://github.com/bntzio/reaction

A super simple yet powerful react + redux boilerplate

babel boilerplate eslint karma mocha postcss react redux webpack

Last synced: 12 Apr 2026

https://github.com/luncheon/isaaccss

Inline-Style-as-a-Class CSS engine

atomic-css css css-framework css-generator css-in-js css-utilities inline-css inline-styles open-props postcss tailwindcss utility-classes windicss

Last synced: 20 Apr 2026

https://github.com/bryanwilhite/nodejs

my collection of self-educational samples on the Node.js® stack

angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design

Last synced: 11 Mar 2026

https://github.com/thiagoow/paintcalculator-react-js-redux-tailwind

Projeto desenvolvido com React.js, Redux Toolkit & estilizacões com Tailwind + PostCSS & autoprefixer. Juntamente com as libs "react-redux" e "Iconify/react".

autoprefixer code-challenge digital-republic iconify postcss react-js reactjs tailwind tailwind-css tailwindcss