PostCSS
PostCSS is a tool for transforming CSS with JavaScript. It can be used to develop a template language such as Sass and LESS. The PostCSS core consists of:
- CSS parser that generates an abstract syntax tree
- Set of classes that comprises the tree
- CSS generator that generates a CSS line for the object tree
- Code map generator for the CSS changes made#
There are official tools making it possible to use PostCSS with build systems such as Webpack, Gulp, and Grunt. There is also a console interface available. Browserify or Webpack can be used to open PostCSS in a browser.
The complete plugin list can be found on postcss.parts, with some examples listed below.
- Autoprefixer to add and clear browser prefixes.
- CSS Modules to get CSS selectors isolated and code organized. It is supplied as part of Webpack.
- stylelint to analyze CSS code for mistakes and check style consistency.
- stylefmt fixes the CSS code according to the stylelint settings.
- PreCSS to perform some Sass/Less preprocessing functions.
- postcss-preset-env to emulate features from unfinished CSS specification drafts.
- cssnano to make CSS smaller in size by getting rid of the spaces and rewriting the code.
- RTLCSS to change CSS code so that the design should be suitable for right-to-left writing (such is applied in Arabic and Hebrew).
- postcss-assets, postcss-inline-svg and postcss-sprites to work with graphics.
- GitHub: https://github.com/topics/postcss
- Wikipedia: https://en.wikipedia.org/wiki/PostCSS
- Repo: https://github.com/postcss
- Created by: Andrey Sitnik, Ben Briggs, Bogdan Chadkin
- Released: November 4, 2013
- Related Topics: sass, less, ast,
- Last updated: 2026-07-11 00:23:58 UTC
- JSON Representation
https://github.com/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/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/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.
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/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/mohamedsamara/react-webpack-starter
:dart: Simple React Webpack Starter
development eslint postcss prettier production pwa react sass webpack
Last synced: 08 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/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/pokedotdev/my-gallery-devchallenge
Devchallenges.io challenge made with React and Tailwindcss
Last synced: 16 Apr 2026
https://github.com/songsterr/postcss-remove-all-at-rules
PostCSS plugin to remove all of the at-rules
at-rule cleanup css postcss postcss-plugin
Last synced: 01 May 2026
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/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/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/jlozovei/loaderscss
Simple + awesome css-only crafted loaders
Last synced: 16 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/aholachek/basic-postcss-setup
A simple npm scripts-powered set up for experimenting with Shoelace.css and postcss in general
postcss shoelacecss starter-template
Last synced: 20 Jun 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/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/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/ezavile/react-ts
Start your project using React, TypeScript and PostCSS
postcss react typescript webpack
Last synced: 17 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/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/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/nju33/postcss-octicon
Postcss plugin for octicons
base64 icons octicon postcss postcss-plugin svg
Last synced: 18 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/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/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/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/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/ntsd/tailwind-plugin-boilerplate
Tailwind plugin boilerplate, Support Tailwind v4
postcss tailwind tailwind-css tailwind-plugin tailwindcss tailwindcss-plugin tailwindv4
Last synced: 24 Apr 2026
https://github.com/azmy60/ci4-rollup-postcss-tailwind
A simple todo list app with CodeIgniter 4, Rollup.js, PostCSS, and Tailwind CSS v3
codeigniter4 postcss rollupjs tailwindcss todolist
Last synced: 27 Apr 2026
https://github.com/devalex-full/projeto-fisioterapia-p-s-cirurgia-plastica
lucide-react postcss react tailwindcss
Last synced: 27 Apr 2026
https://github.com/quramy/fuse-postcss-example
A Fuse-Box with PostCSS example repository.
Last synced: 27 Apr 2026
https://github.com/neurosnap/postcss-scale-media-query
Scale media query `-width` by some percentage
media-query postcss postcss-plugin scale
Last synced: 28 Apr 2026
https://github.com/msidolphin/postcss-px-to-viewport-units
A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).
postcss postcss-plugin vh viewport-units vmax vmin vw
Last synced: 28 Apr 2026
https://github.com/thoughtbit/cssplus-preprocessor
:cyclone: A future-facing CSS preprocessor for working with cssplus
Last synced: 28 Apr 2026
https://github.com/lh0x00/liser
functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!
ciser css design functional liser modules postcss reponsive style
Last synced: 30 Apr 2026
https://github.com/shrpne/postcss-clear-flex
Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.
Last synced: 01 May 2026
https://github.com/sadcitizen/postcss-config
@sadcitizen/postcss-config - PostCSS shareable config
postcss postcss-config postcss-preset
Last synced: 01 May 2026
https://github.com/naneshoru/react-basic-login
Login JWT com refresh token e auto login - explorando ferramentas front
docker docker-compose github-actions nginx-proxy postcss react shadcn-ui tailwind
Last synced: 01 May 2026
https://github.com/saabbir/fictional-travel-site
A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/
Last synced: 02 May 2026
https://github.com/saulmoralespa/dates_react
APP of practice use useState, useEffect
javascript postcss reactjs tailwind
Last synced: 03 May 2026
https://github.com/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 04 May 2026
https://github.com/ghaerdi/array-algorithms-visualizer
Algorithms visualizer for arrays using vite and vue with typescript
algorithm array postcss typescript vite vue
Last synced: 05 May 2026
https://github.com/fourjuaneight/docker-hugo-testing
👷🏽♂️ Docker base image that includes Hugo, npm, PostCSS, and Chrome for E2E testing.
Last synced: 06 May 2026
https://github.com/henriquelimas/babel-rollup-postcss-boilerplate
babel boilerplate postcss rollup
Last synced: 06 May 2026
https://github.com/tamino-martinius/ui-snippets-template
Webpack Template with HTML (just body), CSS/PostCSS and JS/TypeScript
html postcss typescript ui-snippets
Last synced: 06 May 2026
https://github.com/melhosseiny/get-rhythm
PostCSS plugin to generate vertical rhythm using a modular typographic scale
Last synced: 08 May 2026
https://github.com/haquanq-frontendmentor/testimonials-grid-section
Solution for frontendmentor.io challenge: testimonials-grid-section
bem-css frontendmentor postcss vite
Last synced: 09 May 2026
https://github.com/jorgeatgu/postcss-congresoweb
:rocket: Repositorio con todos los ejemplos para el taller de postCSS del Congreso Web
Last synced: 09 May 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/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/alexandrecpedro/habits-setup
Habits platform for web and mobile - NLW Setup
expo fastify figma ignite-rocketseat nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript
Last synced: 10 Apr 2026
https://github.com/fragnarok/portfolio_client
Portfolio client side (website)
dynamic firebase javascript portfolio portfolio-website postcss react template typescript vite
Last synced: 10 Apr 2026
https://github.com/persteenolsen/webpack-5-es-boilerplate
A Webpack 5 boilerplate with Babel - Ready for using ES6 and above
babel boilerplate es6 postcss webpack
Last synced: 09 Apr 2026
https://github.com/neetjn/metatube-landing
Landing page for metatube project using Riot.js 4 and Tailwind CSS.
css html javascript landing-page media metatube postcss riot tailwind tailwindcss video youtube
Last synced: 09 Apr 2026
https://github.com/samk-dev/astro-2-starter
Astro.build starter with some opinionated setup
astrojs commitlint conventional-commits dependabot eslint husky-hooks lint-staged mdx postcss prettier tailwindcss typescript
Last synced: 07 Apr 2026
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/coder-abdo/multi-forms
multi-form project
babel7 es6 postcss react-hooks react-icons reactjs webpack4
Last synced: 02 May 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/annaindistress/frontend-mentor-todo-app
This is a solution to the todo app challenge on Frontend Mentor
css-custom-properties github-actions html oop postcss svg-sprite vanilla-js vite
Last synced: 19 Apr 2026
https://github.com/asyncbanana/asyncbanana.github.io
My personal website built with HTML, JavaScript, and PostCSS, and bundled with Parcel
parcel-bundler personal-website postcss
Last synced: 13 Jun 2025
https://github.com/cedric-renais/carhub
Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.
headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript
Last synced: 02 Jan 2026
https://github.com/inambe/sass-postcss-wp-template
Webpack project template with SASS and PostCSS integrated.
Last synced: 13 Apr 2026
https://github.com/haquanq-frontendmentor/coding-bootcamp-testimonials-slider
Solution for frontendmentor.io challenge: coding-bootcamp-testimonials-slider
bem-css frontendmentor frontendmentor-junior javascript postcss
Last synced: 28 Apr 2026
https://github.com/celthros/simple-tailwind-post-webpack
Fist time utilizing and creating a simple webpack and post css tool to install and ready to use kit for development.
configuration postcss tailwindcss webpack
Last synced: 22 Feb 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/y-temp4/worktime-calc
This is a web application to calculate work time with multilingual support (English/Japanese).
calculator github-pages i18n postcss react tailwindcss typescript vite
Last synced: 19 Apr 2026
https://github.com/engrsakib/countriesname-simple-react-projects
api daisyui jsx postcss react tailwindcss
Last synced: 30 Dec 2025
https://github.com/davidgarsan/webpack2-components-demo
Messing with Webpack2, ES6, PostCSS...
components ejs es6 postcss webpack webpack2 webpack2-demo
Last synced: 19 Apr 2026
