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/trustworthydev/toretoergacha-web-app

Web Application for Toretoregacha

artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex

Last synced: 18 Feb 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/bacoords/postcss-understrap-palette-generator

PostCSS plugin to generate a json file for Understrap theme

bootstrap postcss understrap wordpress

Last synced: 18 Oct 2025

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/takayyz/graphql-training

GraphQLの学習用

docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript

Last synced: 24 Feb 2026

https://github.com/garthdb/design-token-attributes

A mono repo for managing design token contexts

design-system monorepo postcss styledictionary stylelint

Last synced: 02 May 2026

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

React Responsive Pomodoro App with change of fonts and colors

postcss reactjs tailwindcss vitejs

Last synced: 25 Jan 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/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/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/annaindistress/frontend-mentor-advice-generator-app

This is a solution to the advice generator app challenge on Frontend Mentor

advice-slip-api css-custom-properties github-actions html postcss vanilla-js vite

Last synced: 06 Apr 2026

https://github.com/pascalduez/eleventy-css

11ty css css-modules eleventy postcss stylesheets

Last synced: 06 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/moutinhofuturedev/data-listing

postcss radix-ui react react-hook-form react-query react-router-dom sonner tailwindcss tanstack-react-query typescript vite zod

Last synced: 23 Jan 2026

https://github.com/spring-raining/postcss-plugins

PostCSS plugin to provide theming function based on CSS variables using `@var` rules.

css postcss postcss-plugin

Last synced: 04 Jan 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/jolomitee/catchup

CatchUp Figma design as a web page

figmadesign front-end-development postcss tailwindcss

Last synced: 03 May 2026

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

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

autoprefixer build-tool css javascript postcss scss webpack

Last synced: 27 Feb 2026

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

Astro Build using TypeScript plus TailwindCSS

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

Last synced: 26 Oct 2025

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

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

Last synced: 10 Apr 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/rabbitmaid/php_vite_boilerplate

Boilerplate for implementing plain php projects with vite

autoprefixer npm php postcss tailwindcss vanilla-php vite xampp

Last synced: 18 Feb 2026

https://github.com/owpac/boilerplate_rails_inertia

Rails application working with Inertia and React!

esbuild inertiajs postcss propshaft rails react tailwind typescript

Last synced: 24 Feb 2026

https://github.com/simmzl/ele

Vue.js 2.0 仿饿了么Web APP

better-scroll es6 eslint postcss stylus vue webpack

Last synced: 10 Apr 2026

https://github.com/a-raskatov/a-raskatov.github.io

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

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

Last synced: 15 May 2026

https://github.com/valentinmadiot/ohmyfood-restaurant_ui

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

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

Last synced: 16 May 2026

https://github.com/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/melihilker/web-portfolio

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

frontend nextjs portfolio postcss react tailwindcss typescript

Last synced: 15 Apr 2026

https://github.com/nishathub/lawyer-landing-page

A lawyer portfolio responsive website with night-mode

html5 lawyer-and-law-agency portfolio-website postcss scss

Last synced: 07 Jul 2025

https://github.com/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/xettri/postcss-remove-duplicate-values

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

css npm-package postcss postcss-plugin

Last synced: 24 Jan 2026

https://github.com/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/dsk52/webboilerplate

babel postcss precss webpack yarn

Last synced: 09 Apr 2026

https://github.com/maratdev/next-movie

🎦 Watch anime online

nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript

Last synced: 06 Feb 2026

https://github.com/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/vvaldesc/shadcn_aceternity_ui_practice

Little Vite React Interface using external front-end libraries

aceternity-ui front-end-development nextui postcss react shadcn-ui tailwindcss vite

Last synced: 28 Jan 2026

https://github.com/lajule/ccss

Checks CSS properties declaration order

chokidar nodejs postcss

Last synced: 29 Jan 2026

https://github.com/andre-araujo/weather-app

A simple app to do Weather forecast world-wide using Parceljs and ReactJs

docker lesscss nodejs parcel-bundler postcss reactjs

Last synced: 29 Jan 2026

https://github.com/pitercoding/magazine-e-commerce

Projeto E-Commerce utilizando HTML, TailwindCSS e Javascript. EN: E-Commerce Project using HTML, TailwindCSS and Javascript.

ecommerce html5 javascript postcss tailwindcss vite

Last synced: 03 May 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/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/lukeed/taskr-autoprefixer

PostCSS Autoprefixer plugin for Taskr

autoprefixer css postcss taskr-plugin

Last synced: 03 May 2026

https://github.com/heliolj/nlw-spacetime-web

Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.

autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript

Last synced: 08 Apr 2026

https://github.com/hichamtaha101/hichamtaha.com

Repository for the latest development of my static portfolio site built on the Nuxt framework.

nuxtjs postcss tailwindcss vue3

Last synced: 04 May 2026

https://github.com/johnwatkins0/postcss-spacing-utils

Generates spacing utility classes from user settings.

css postcss

Last synced: 07 Feb 2026

https://github.com/chrisnajman/filter-quotes-v2

A lightweight app for displaying a collection of quotations from a JSON file using an HTML template. Short quotes use <q>, longer ones use <blockquote>, and entries can be filtered by author or tag.

accessibility aria-attributes css-flexbox css-grid css-imports css-nesting cssnano details es6-modules esbuild html-css-javascript html-minifier-terser html-template json loading-spinner no-js postcss resize-observer sticky-headers theme-switcher

Last synced: 15 Apr 2026

https://github.com/thoughtbit/lego-ui

🐬 一个面向未来的、灵活的、低耦合的CSS解决方案

css postcss

Last synced: 15 Apr 2026

https://github.com/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/afeiship/postsass

Cli compiler for sass/scss via dart-sass and postcss.

cli dart-sass postcss sass scss

Last synced: 15 Feb 2026

https://github.com/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/azurespheredev/startupz-landing

Clone version of Startupz landing page

javascript postcss reactjs tailwindcss-v3

Last synced: 09 Apr 2026

https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021

Example project that bundles Parcel 2 +Tailwind/jit + Preact + TypeScript.

parcel postcss preact tailwind tutorials typescript

Last synced: 15 Apr 2026

https://github.com/roma-glushko/landing-boilerplate

A simple boilerplate with Twitter Bootstrap 3, Grunt, LESS on board. Production and Developer modes for assets and it's ready to go!

boilerplate bootstrap3 grunt html5 less modernizr postcss

Last synced: 05 May 2026

https://github.com/winston0410/postcss-auto-text-indent

A PostCSS Sparrow plugin that helps you append `text-indent` to a selector when `letter-spacing` is found, in order to center words correctly.

css postcss postcss-sparrow tailwindcss

Last synced: 15 Apr 2026

https://github.com/marco5dev/portfolio-react-tsx-tailwind-daisyui-blog-devto

A Nice UI/UX Portfolio with React TSX, tailwind css, postCSS, Blog with devto api

blog devto devto-api portfolio postcss raectjs react react-router tailwind tailwindcss tsx ui uiux ux

Last synced: 26 Feb 2026

https://github.com/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/haquanq-frontendmentor/clipboard-landing-page

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

bem-css frontendmentor frontendmentor-junior postcss stylelint

Last synced: 15 Apr 2026

https://github.com/cgutwin/frontendmentor

My completions of the Frontend Mentor projects.

css3 frontend frontend-mentor html5 postcss

Last synced: 15 Apr 2026

https://github.com/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/ljuzifer/carp-travel-app

An application that tells about the best Carpathian tourist routes!

autoprefixer css eslint javascript nextjs postcss prettier react-hook-form react-hook-form-persist react-hot-toast react-responsive react-scroll swiper tailwindcss typescript

Last synced: 10 Feb 2026

https://github.com/thenamevishnu/ecommerce

eslint javascript postcss reactjs tailwindcss vitejs

Last synced: 10 Feb 2026

https://github.com/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/treetips/react-router-redux-typescript-parcel-example

react-router-redux-typescript-parcel-example

parcel postcss prettier react redux scss tslint typescript3 vscode

Last synced: 11 Apr 2026

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

core css parser postcss subsetcss

Last synced: 05 Jan 2026

https://github.com/aleksandrpolishchuk/ticketierapp

Frontend part of App for sell tickets

nextjs13 postcss react tailwindcss typescript

Last synced: 11 Apr 2026

https://github.com/dkmfzf/mesto-project-ff

Photo posting service, with the ability to change your profile

api bem css html js postcss profile service webpack

Last synced: 11 Apr 2026

https://github.com/mejanh/webpack-typescript-postcss-nodejs

Webpack with Nodejs, Typescript, PostCSS, Minify, and others without any frameworks and dependencies. The output is Vanilla Javascript.

no-frameworks nodejs postcss typescript webpack

Last synced: 11 Apr 2026

https://github.com/petrosath/etch-a-sketch

A browser version of something between a sketchpad and an Etch-A-Sketch using HTML, CSS and Javascript.

css gh-pages html javascript postcss scss vitejs

Last synced: 11 Apr 2026

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/mmorrii/starter-kit

Starter template with React, React Router, PostCSS, TypeScript, Vite

postcss react react-router starter-kit template typescript vite

Last synced: 11 Apr 2026

https://github.com/rnyell/postcss-contains

Style elements based on their existing property or declaration.

css postcss postcss-plugin

Last synced: 11 Feb 2026

https://github.com/lab4studio/postcss-px-to-rem

PostCSS plugin that automatically converts pixel (px) values to rem units in your CSS, allowing for scalable and responsive designs by basing measurements on the root font size.

postcss postcss-plugin px-to-em px-to-rem

Last synced: 27 Feb 2026

https://github.com/divyansh089/apple-airpods-clone

An amazing Apple AirPods UI clone

airpods apple gsap netlify nodejs postcss react tailwindcss

Last synced: 12 Feb 2026

https://github.com/arthurbbarbosa/tablature

Save your compositions in a Guitar Tablature

guitar javascript nextjs postcss tablature tailwindcss ui

Last synced: 11 Apr 2026

https://github.com/jabranr/react-scripts

Experiment: Improved postcss config in react scripts

create-react-app experiment postcss postcss-config postcss-loader react react-scripts

Last synced: 12 Apr 2026

https://github.com/jeromewolff/portfolio

Simple portfolio page hosted on Vercel

node node-js npm portfolio postcss react reactjs sass tailwind tailwind-css tailwindcss typescript vercel vercel-deployment

Last synced: 08 Apr 2026

https://github.com/heywon0909/code-bot-ui

nodejs postcss tailwindcss

Last synced: 11 Apr 2026

https://github.com/cendekia/screwmate-storybook

hacktoberfest hacktoberfest2021 postcss react storybook tailwind tailwindcss

Last synced: 11 Apr 2026

https://github.com/paxperscientiam/webdev-proxy-server

BrowserSync + node-sass + postcss = webdev-proxy-server

browser-sync cache node-sass pdf postcss sass

Last synced: 05 May 2026

https://github.com/sncegroup/npm-build-boilerplate

Opinionated npm build configuration for building static websites.

boilerplate browser-sync imagemin npm-scripts postcss static-site twig webpack

Last synced: 08 Apr 2026

https://github.com/annaindistress/frontend-mentor-results-summary

This is a solution to the results summary challenge on Frontend Mentor

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

Last synced: 05 Apr 2026

https://github.com/tricinel/postcss-color-hsla-fallback

PostCSS plugin to transform hsl and hsla to hexadecimal

color color-convert css hsl-color postcss postcss-plugin

Last synced: 16 Apr 2026

https://github.com/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/awayken/2016devobjective

PostCSS: A Dumb Name For an Awesome Thing

postcss presentation showcase slides

Last synced: 11 Apr 2026

https://github.com/markalexi/jugglingshoponvue

Project of shop on Vue 3.

pinia postcss vue-router vue3

Last synced: 28 May 2026

https://github.com/yuceltoluyag/starter-template

My starter template

autoprefixer browser-sync browserlist cssnano postcss sass

Last synced: 11 May 2026

https://github.com/adrielgbm/portafolio

🎨 Este portafolio fue desarrollado con HTML, SCSS, TypeScript y Node.js para dependencias de desarrollo como Gulp y ESLint.

autoprefixer bem css eslint gulp html javascript nanocss nodejs postcss scss terser typescript

Last synced: 07 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/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/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/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/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/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