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-31 00:24:46 UTC
JSON Representation

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

A playground for tailwindcss

parcel-bundler postcss tailwindcss

Last synced: 04 May 2026

https://github.com/haquanq-frontendmentor/sunnyside-agency-landing-page

Solution for frontendmentor.io challenge: sunnyside-agency-landing-page

bem-css frontendmentor frontendmentor-junior html postcss

Last synced: 04 May 2026

https://github.com/theiliad/fusebox-1st-try

First attempt @ Fuse-Box 😊

bulma fuse-box postcss typescript uglifyjs

Last synced: 04 May 2026

https://github.com/lynzz/nw-vue-example

element-ui nw nwjs-application postcss vue2

Last synced: 04 May 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/yowainwright/postcss-scss

This is my setup to use postcss for scss! 🤔 The script works. Feel free to copy if you've got something nitty gritty to do.

config css npm-scripts postcss sass scss

Last synced: 05 May 2026

https://github.com/ohmrr/senior-slideshow

A carousel of senior portraits made for my high school.

nodejs postcss tailwind typescript

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

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

Last synced: 05 May 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/pronoia9/metaversus

autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss

Last synced: 08 Apr 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-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/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/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/aganglada/aganglada.github.io

Personal website

personal-website postcss yarn

Last synced: 08 May 2026

https://github.com/damir-sijakovic/gulp_postcss

Gulp, PostCSS and BrowserSync Example

browsersync gulp postcss

Last synced: 08 May 2026

https://github.com/stoyan/cssvalueparserdemo

Demo of postcss-value-parser

css demo parsing postcss

Last synced: 08 May 2026

https://github.com/taxigy/rollup-template

A template to start with Rollup and React

postcss react rollup

Last synced: 08 May 2026

https://github.com/haquanq-frontendmentor/mortgage-repayment-calculator

Solution for frontendmentor.io challenge: mortgage-repayment-calculator

bem-css frontendmentor frontendmentor-junior postcss typescript

Last synced: 08 May 2026

https://github.com/imjaroiswebdev/jartravels-site

gulp html-css postcss responsive

Last synced: 09 May 2026

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

Clone version of Startupz landing page

javascript postcss reactjs tailwindcss-v3

Last synced: 09 Apr 2026

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

ReactJS application of a hotel service page

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

Last synced: 10 Apr 2026

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

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

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

Last synced: 10 Apr 2026

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

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

ignite ignite-rocketseat nextjs postcss reactjs tailwind tailwind-css

Last synced: 10 Apr 2026

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

Dead simple Jekyll site template using Tailwind CSS

jekyll jekyll-site postcss tailwind

Last synced: 20 Feb 2026

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

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

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

Last synced: 10 Apr 2026

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

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

eslint postcss prettier react tailwindcss-v3 vitejs

Last synced: 10 Apr 2026

https://github.com/simmzl/ele

Vue.js 2.0 仿饿了么Web APP

better-scroll es6 eslint postcss stylus vue webpack

Last synced: 10 Apr 2026

https://github.com/iamdipankarpaul/weather-app-react

🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.

axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app

Last synced: 02 Feb 2026

https://github.com/kernix13/postcss-demo

Basic setup to using PostCSS

postcss

Last synced: 18 May 2026

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

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

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

Last synced: 10 Apr 2026

https://github.com/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/rohits05/ai-shi

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

Last synced: 10 Apr 2026

https://github.com/morzhanov/react-ts-boilerplate

React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.

eslint hmr mobx mobx-state-tree mst postcss prettier react react-router-v4 scss styled-components typescript webpack4

Last synced: 07 Apr 2026

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

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

css-custom-properties gulp html postcss

Last synced: 20 Apr 2026

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

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

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

Last synced: 10 Apr 2026

https://github.com/jagadeeshvimal/medigaurd

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

eslint postcss responsive-design security tailwindcss vite web-development

Last synced: 10 Apr 2026

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

Simple boilerplate for building Vue app with Webpack.

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

Last synced: 10 Apr 2026

https://github.com/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/theelegantcoding/solid_template_webpage

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

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

Last synced: 10 Apr 2026

https://github.com/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/lukmanrambe/mubaaz-project

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

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

Last synced: 10 Apr 2026

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

The clone soldier.

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

Last synced: 10 Apr 2026

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

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

babel css html postcss react-vanilla styled-components webpack

Last synced: 10 Apr 2026

https://github.com/inambe/simple-postcss-webpack-template

Simple webpack project template with PostCSS integrated.

postcss webpack4

Last synced: 18 May 2026

https://github.com/sososoyoung/react-server-render-app

An universal React isomorphic boilerplate for building server-side render web app with express.

babel es6 es7 eslint express less postcss react react-router redux webpack

Last synced: 04 Apr 2026

https://github.com/ravikisha/relaxcss

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

javascript postcss postcss-plugin tailwindcss typescript

Last synced: 25 Aug 2025

https://github.com/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/ulyanov-programmer/mollenhauer

css grunt html js landing postcss ts

Last synced: 24 Jan 2026

https://github.com/aresdesigns/tic_tac_toe_multiplatform

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

electron html-css-javascript postcss pwa reactjs tailwind vite

Last synced: 07 Apr 2026

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

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

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

Last synced: 01 May 2026

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

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

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

Last synced: 27 Jan 2026

https://github.com/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/yash-jivani/bookmarkweb

Bookmark website UI

css html node npm postcss tailwindcss

Last synced: 02 Apr 2026

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

atomico postcss tailwindcss webcomponents

Last synced: 07 Apr 2026

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

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

api-client api-rest nextjs postcss tailwindcss

Last synced: 26 Jan 2026

https://github.com/stephane-klein/svelte-ssr-postcss-postgres-poc

Svelte + SSR + PostCSS + PostgreSQL

poc postcss postgresql ssr svelte

Last synced: 11 Apr 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/vothanhdat/custom-react-script

postcss react scss webpack

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

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

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

Last synced: 08 Jul 2026

https://github.com/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/marcosalanya19/dashboard-commisary-next13

Frontend de la zona administrativa de la comisaria - Proyecto de POO

html5 nextjs13 postcss tailwindcss typescript

Last synced: 10 Apr 2026

https://github.com/tyronejosee/project_image_puzzle_game

pending

dnd-kit framer-motion javascript pnpm postcss react react-router tailwindcss typescript vitejs vitest

Last synced: 10 Apr 2026

https://github.com/bhallstein/jigmawiffin

Those nitpicky webpack, babel, and postcss deps you always need.

babel css javascript postcss react tooling webpack

Last synced: 15 Apr 2026

https://github.com/solodynamo/postcss-presentation

Postcss 2k17

css js postcss

Last synced: 07 Apr 2026

https://github.com/pronoia9/doodlebug-dash

autoprefixer css html javascript nextjs postcss react tailwindcss typescript

Last synced: 10 Apr 2026

https://github.com/ranitmanik/frontend-app-starter-template

A React starter template with Vite, React, Tailwind, and Prettier to assist in building dynamic web applications that adhere to community standards

eslint-plugin javascript nodejs postcss react react-vite tailwindcss typescript vite vite-react-typescript

Last synced: 25 Jan 2026

https://github.com/muzabol2/calc

Simple calculator in vanilla JS

babel javascript postcss vanilla-javascript vercel webpack youtube-tutorial

Last synced: 16 Apr 2026

https://github.com/rajdee/postcss-autoimport

PostCSS plugin for automatically import global dependencies.

global import postcss postcss-plugin

Last synced: 26 Jan 2026

https://github.com/yjg30737/tailwind-css-react-tutorial

Using Tailwind CSS in React project (with PostCSS)

css postcss react tailwind-css tailwind-tutorial tailwindcss

Last synced: 10 Apr 2026

https://github.com/fabian-kleine/cerberusui

A UI Library for when you have to create a doomsday app in Javascript

component-library components css css-components css-framework design-system javascript postcss react react-component-library react-components react-library typescript typescript-react ui-design ui-framework ui-library

Last synced: 29 Jan 2026

https://github.com/pedrohvfernandes/nlw-expert

date-fns docker fastify localstorage lucide-react nodejs postcss postgresql prisma profanity radix-ui reactjs redis sonner speechrecognition tailwindcss typescript vite websocket

Last synced: 10 Apr 2026

https://github.com/milliorn/true-hope-tutoring

Landing page for True Hope 4 Success Tutoring

academic education education-platform frontend homework learning npm online-learning online-tutoring open-source postcss react student study tailwindcss teaching tutoring vite web-development

Last synced: 10 Apr 2026

https://github.com/amansuryavanshi-1/av-news-stream

AV NewsStream: Stream, read, and listen to real-time news from diverse sources. Engage effortlessly with text-to-speech, real-time updates, and hands-free voice controls, all in one app!

cors daisy-ui emailjs github-api gnews-io html javascript news-api postcss react react-context react-icons react-router-dom redux-toolkit tailwind-css text-to-speech vercel vite youtube-api

Last synced: 27 Jan 2026

https://github.com/luizfelipedasilva678/to-do-list-with-pug

Simple To do list made with Pug

postcss pug type vite

Last synced: 10 Apr 2026

https://github.com/jondotsoy/equip-resources-basestyles

Shared resources for component implementation.

css postcss

Last synced: 18 May 2026

https://github.com/calico32/cc-4-text-game

text puzzle game

postcss snowpack typescript

Last synced: 19 Jun 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/fmanimashaun/yumeats

YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.

postcss react tailwindcss

Last synced: 10 Apr 2026

https://github.com/nju33/postcss-yu-gothic

Postcss plugin for Yu Gothic

postcss yu-gothic

Last synced: 18 May 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/ahmadkdev/vite-vanilla-starter

A minimal, fast, and customizable starter template for vanilla JavaScript projects, using Vite.

boilerplate bundler css eslint front-end frontend html javascript js postcss prettier starter template vanilla vanilla-javascript vite web

Last synced: 07 Apr 2026

https://github.com/isuke/postcss-ghost-utils

PostCSS plugin to add helper utils for your CSS

css postcss postcss-plugin

Last synced: 25 Jan 2026

https://github.com/minagishl/postcss-obfuscate-custom-properties

This PostCSS plugin replaces the names of custom properties with hard-to-guess characters

obfuscate postcss postcss-plugin typescript

Last synced: 12 Jul 2025

https://github.com/arturi/template-css

Write real CSS in template strings and it gets injected in the head tag like :sparkles: optionally parse with any PostCSS plugin

css css-in-js cssinjs postcss template-literals template-string

Last synced: 10 Apr 2026

https://github.com/vinpac/postcss-modular

PostCSS plugin to modularize classnames

css javascript modular postcss

Last synced: 16 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/zenitude/ecoleweb-tailwindcss-landingpage

Ecole du Web - TailwindCss - Landing Page

auto-prefixer html5 javascript postcss tailwindcss

Last synced: 09 May 2026

https://github.com/justin-bento/the-lifeline-canada-foundation

The LifeLine App is the National free Suicide Prevention and Awareness App that offers access and guidance to support for those suffering in crisis and those who have suffered the devastating loss of a loved one from suicide.

app-directory eslint nextjs15-typescript npm-package pnpm postcss react shadcn-ui tailwindcss