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/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/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/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/slhsxcmy/postcss-split-selectors

css npm postcss postcss-plugin

Last synced: 08 Apr 2026

https://github.com/armaggheddon/my_website

A modern, responsive personal portfolio website showcasing my projects, skills, and professional experience. Built with React, TypeScript, and Tailwind CSS.

npm postcss react tailwindcss typescript vite

Last synced: 09 Apr 2026

https://github.com/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/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/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/barraponto/neutrino-preset-postcss-cssnext

cssnext support in Neutrino.

cssnext neutrino neutrino-preset postcss

Last synced: 13 May 2026

https://github.com/monokrome/webpack-react-redux-starter

postcss react redux website

Last synced: 28 Apr 2026

https://github.com/dokozero/postcss-oklch-relative-chroma

PostCSS plugin to use relative chroma in oklch().

chroma color css oklch postcss

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

Last synced: 09 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/css-george/postcss-george

A plugin for PostCSS to allow runtime manipulation of variables.

css-variables hacktoberfest postcss

Last synced: 24 Jul 2025

https://github.com/haquanq-frontendmentor/news-homepage

Solution for frontendmentor.io challenge: news-homepage

bem-css frontendmentor html postcss typescript vite

Last synced: 09 Apr 2026

https://github.com/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/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/solis-lab/training

The base training for creating a Frontend Development module. ES6, SCSS/postCSS supports.

es6-javascript postcss

Last synced: 06 Sep 2025

https://github.com/krypton225/interactive-rating-component-main

This is just a training in Front End Mentor website.

autoprefixer concurrently css3 cssnano html5 javascript live-server postcss scss ts-loader typescript webpack webpack-cli

Last synced: 26 Jan 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/rohits05/ai-shi

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

Last synced: 10 Apr 2026

https://github.com/habbaz-dev/utils

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

2024 2024-project babel commitizen commitlint config eslint habbaz habbazdev markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts

Last synced: 26 Mar 2025

https://github.com/eugenepokalyuk/vue-skateboarding

SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.

postcss tailwind vite vue-router4 vue3

Last synced: 25 Jan 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/annaindistress/frontend-mentor-recipe-page

This is a solution to the recipe page challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 26 Jan 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/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/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/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/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/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/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/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/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/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/zhuping/mat-autoprefixer

Prefix CSS for mat

autoprefixer mat postcss

Last synced: 14 May 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/philipprochazka/web-gallery

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

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

Last synced: 24 Jan 2026

https://github.com/vlad-moskalenko/carshop-next.js

axios next postcss react react-dom tailwindcss typescript

Last synced: 06 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/hentaicracker/aboutme

Aboutme by angular 4

angular angular4 postcss scss typescript webpack2 yarn

Last synced: 08 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/pronoia9/doodlebug-dash

autoprefixer css html javascript nextjs postcss react tailwindcss typescript

Last synced: 10 Apr 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/haquanq-frontendmentor/age-calculator-app

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

accessibility bem-css frontendmentor-junior html postcss

Last synced: 08 Apr 2026

https://github.com/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/jomurgel/postcss-unit-conversion

PostCSS plugin for converting units from px to em or rem.

css hacktoberfest postcss scss units

Last synced: 25 Jan 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/fabdoc27/hirego-template

Fully responsive Tailwind template.

autoprefixer postcss responsive-design tailwindcss

Last synced: 25 Jan 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/gespinha/postcss-spacer

PostCSS plugin for normalising spaces between lines on your stylesheets.

css plugin postcss postcss-modules postcss-plugin

Last synced: 18 Feb 2026

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

PostCSS plugin to modularize classnames

css javascript modular postcss

Last synced: 16 Apr 2026

https://github.com/programmershri/tailwind-css-starter-postcss

Boilerplate

ant-design antd css javascript postcss react reactjs redux-toolkit tailwindcss

Last synced: 08 Apr 2026

https://github.com/newset/postcss-stylus

stylus syntax for postcss

css-modules postcss stylus

Last synced: 02 Jan 2026

https://github.com/yakovlev-alexey/next-pcss

Import global `.pcss` files in your Next.js project.

next nextjs pcss postcss

Last synced: 07 May 2026

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

Last synced: 11 Apr 2026

https://github.com/wvbe/dirty_deno_slapper

A Deno module that slaps your TS/CSS source together

deno esbuild postcss xhtml

Last synced: 25 Jan 2026

https://github.com/elchininet/postcss-comments

Postcss plugin to prepend or append comments to CSS rules

comments css postcss postcss-plugin

Last synced: 24 Dec 2025

https://github.com/franmc01/vue-pinia-shop-app

A project I used to apply the concepts of Vue's new state handler: PINIA

eslint pinia postcss state-management tailwindcss vitejs vue3-composition-api vue3-sfc

Last synced: 11 Apr 2026

https://github.com/andrewmcodes-archive/dr-stapleton-website

Dr. Ann E. Stapleton's Personal Website

gatsby javascript postcss react tailwind-css tailwindcss webpack

Last synced: 11 Apr 2026

https://github.com/om-corp/porto-challenge-next

Challenge da Porto Seguro com next.js

next nextjs omcorp postcss react reactjs tailwindcss

Last synced: 11 Apr 2026

https://github.com/annaindistress/frontend-mentor-project-tracking-intro

This is a solution to the project tracking intro component challenge on Frontend Mentor

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

Last synced: 11 Apr 2026

https://github.com/haquanq-frontendmentor/social-media-dashboard-with-theme

Solution for frontendmentor.io challenge: social-media-dashboard-with-theme

bem-css frontendmentor frontendmentor-junior javascript postcss

Last synced: 08 Apr 2026

https://github.com/pronoia9/metaversus

autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss

Last synced: 08 Apr 2026

https://github.com/mirzobox/tic-tac-toe-selfmade

Tic, Tac, Toe game. Used min-max algorithm.

daisyui html javascript js-modules min-max-algorithm postcss tailwindcss vitejs

Last synced: 11 Apr 2026

https://github.com/savvy-css/generator-savvy-css

Yeoman generator for scaffolding out a Savvy module or utility

css css-framework functional-css postcss savvy-css

Last synced: 11 Apr 2026

https://github.com/mohammed-taysser/gym

Golds GYM is a premier fitness website that offers a comprehensive platform for fitness enthusiasts and individuals seeking to improve their health. The site provides a wide range of resources, including workout plans, nutrition advice, and personal training services. Golds GYM is renowned for its high-quality content, expert trainers, and a suppor

eslint mui mui-material postcss react react-icons typescript

Last synced: 08 May 2026

https://github.com/lorenzorapetti/tailwindcss-parcel

Template with tailwindcss and parcel

parcel parcel-bundler postcss tailwindcss template

Last synced: 05 May 2026

https://github.com/ssschneider/tailwind-practice

Make it Rain! is a non-interactive landing page project developed to practice TailwindCSS.

eslint figma hero-icons nextjs postcss tailwindcss typescript

Last synced: 08 Apr 2026

https://github.com/sakkke/svelte-ultimate-template

A starter template for Progressive Web App with Svelte + TypeScript + SugarSS

eslint gitpod jest nodejs parcel postcss pwa starter stylelint sugarss svelte template typescript

Last synced: 11 Apr 2026

https://github.com/vandodev/gerenciador-de-habitos

Gerenciador de hábitos com Next

eslint nextjs postcss tailwindcss typescript vercel-kv

Last synced: 11 Apr 2026

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

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

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

Last synced: 11 Apr 2026

https://github.com/yash-jivani/heritage-detection

Heritage image Detection UI

css es6 html javascript postcss react tailwindcss

Last synced: 11 Apr 2026

https://github.com/cabrelngamaleu/invest

invest website

clsx eslint framer-motion nextjs14 postcss react use-debounce

Last synced: 11 Apr 2026

https://github.com/amarjithtk/eleventy_tailwind_template

Eleventy Tailwind Template A starter template combining Eleventy (11ty) static site generator with Tailwind CSS for creating fast, modern websites with minimal effort.

eleventy nunjucks postcss tailwindcss

Last synced: 11 Apr 2026