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-04 00:20:11 UTC
- JSON Representation
https://github.com/annaindistress/frontend-mentor-easybank-landing-page
This is a solution to the easybank landing page challenge on Frontend Mentor
css-custom-properties github-actions html postcss svg-sprite vanilla-js vite
Last synced: 17 Apr 2026
https://github.com/liinkiing/react-webpack-boilerplate
Small boilerplate to train myself with webpack configurations, postcss, babel, env files and all those nice stuff
babel7 browserlist postcss react webpack4
Last synced: 17 Apr 2026
https://github.com/milliorn/travel-agency
Mobile responsive site using React and Tailwind
autoprefixer gh-pages postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui travel-agency travel-website ts tsx types typescript
Last synced: 17 Apr 2026
https://github.com/cabrelngamaleu/business_web
business-web
eslint framer-motion nextjs postcss reactjs tailwind typescript
Last synced: 02 Apr 2026
https://github.com/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 07 May 2026
https://github.com/chrisnajman/github-pages-optimised-build
GitHub Pages site template built from the '/docs' folder using an automated front-end build process with minified HTML, CSS and (transpiled) JavaScript.
css-nesting cssnano es6-modules esbuild html-css-javascript html-minifier-terser postcss postcss-cli postcss-import postcss-nesting shx
Last synced: 06 Jul 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/abelnnieva/iechamberi.org
Website for a Christian assembly featuring marketing components and sections, built with Nuxt 2, Apollo Client, PostCSS, and Chakra UI Vue.
apollo-client chakra-ui nuxt2 postcss vue2
Last synced: 14 May 2026
https://github.com/margo-yunanova/mesto-project
Mesto - социальная сеть для обмена фотографиями
babel css html javascript oop postcss webpack
Last synced: 02 Apr 2026
https://github.com/eliasjuk/palpitebox
✔️ PalpiteBox
api google-api javascript nextjs nodejs postcss react tailwindcss
Last synced: 03 Apr 2026
https://github.com/leomssilva/cineflix
:clapper: :computer: :iphone: This project is about a website that lists movies.
autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite
Last synced: 03 Apr 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/kailoon/11ty-starter-kit-with-scss
Based on the official starter kit and come with 7 in 1 folder structure SCSS development using postcss, purgecss and cssnano.
11ty eleventy html nunjucks postcss purgecss scss starter-kit
Last synced: 17 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/condesaheki/cmb
A Svelte-based web app to provide an interactive platform for cmb community
autoprefixer brazil community daisyui mapping osu postcss svelte sveltekit tailwindcss typescript
Last synced: 17 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/haquanq-frontendmentor/fylo-dark-theme-landing-page
Solution for frontendmentor.io challenge: fylo-dark-theme-landing-page
bem-css frontendmentor frontendmentor-junior html5 postcss
Last synced: 18 Apr 2026
https://github.com/morzhanov/react-flow-boilerplate
React Flow Boilerplate allows you to start new web project from scratch using React and Flow.
babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack
Last synced: 06 Apr 2026
https://github.com/brockaltug/theme-selector-demo
🌈 Advanced theme showcase with 12+ interactive design systems, smooth transitions, and premium UI/UX demos.
framer-motion nextjs postcss radix-ui react tailwind-animate tailwindcss-v4 typescript
Last synced: 04 Apr 2026
https://github.com/lukaspetricek1/maturitni_projekt
FAcebook DIscord instaGRAM
express javascript mern-stack mysql nodejs postcss react react-router-dom tailwindcss typescript
Last synced: 04 Apr 2026
https://github.com/matthew-shaw/bootstrap-webpack
Bootstrap Webpack Demo
autoprefixer babel bootstrap bootstrap-icons browserslist bundler cssnano eslint javascript postcss prettier purgecss sass webpack
Last synced: 04 Apr 2026
https://github.com/tobua/postcss-tags-without-class
Make HTML Tags Opt Out-Able When Adding a Class
Last synced: 19 May 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/giovanep4mg/aulas_css_avancado_2
Esse site é sobre CSS Avançado, são aulas sobre SASS, LESS, POST CSS e outras coisas ligadas ao CSS.
Last synced: 04 Apr 2026
https://github.com/e-burgos/restoapp-admin
Admin client site for shop users
autoprefixer firebase formik postcss postcss-cli react-content-loader react-router react-router-dom reactfire tailwindcss yup-validation
Last synced: 05 Apr 2026
https://github.com/beraliv/tda-mz-netlify-cms
Netlify CMS + Netlify + React
material-ui netlify netlify-cms postcss react react-helmet
Last synced: 18 Apr 2026
https://github.com/juborajsujon/fix-nexus-client
FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.
autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss
Last synced: 05 Apr 2026
https://github.com/jkiimm/postcss-at-rules-bem
PostCSS plugin for BEM name convention
bem css postcss postcss-plugin
Last synced: 18 Apr 2026
https://github.com/annaindistress/frontend-mentor-bookmark-landing-page
This is a solution to the bookmark landing page challenge on Frontend Mentor
css-custom-properties html postcss svg-sprite vanilla-js vite
Last synced: 18 Apr 2026
https://github.com/nikolam-dev/nft-preview-card
Solution to NFT preview card component - Frontend Mentor Challenge
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/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/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/davidgarsan/webpack2-components-demo
Messing with Webpack2, ES6, PostCSS...
components ejs es6 postcss webpack webpack2 webpack2-demo
Last synced: 19 Apr 2026
https://github.com/koffeine/rollup-plugin-sass-postcss
Rollup plugin for Sass and PostCSS
postcss rollup rollup-plugin sass scss
Last synced: 20 Apr 2026
https://github.com/apis/go-htmx-post-css-example
Example CRUD Web application written in Go, HTMX, PostCSS
go-template golang htmx postcss vite
Last synced: 20 Apr 2026
https://github.com/annaindistress/frontend-mentor-news-homepage
This is a solution to the news homepage challenge on Frontend Mentor
css-custom-properties gulp html postcss vanilla-js
Last synced: 20 Apr 2026
https://github.com/scrum/postcss-envariables
PostCss plugin to use environment variables in CSS
css env envariables postcss postcss-plugin webpack4
Last synced: 20 Apr 2026
https://github.com/rc6799/vue-sell-car
Flutter Buy Sell
axios postcss sass tailwindcss vue3
Last synced: 20 Apr 2026
https://github.com/chrisnajman/local-build-pipeline-for-static-websites
Combine and minify all JavaScript modules and CSS, allowing the app to be run entirely from the local file system.
cssnano esbuild fs-extra html-minifier-terser postcss postcss-import postcss-nesting postcss-url
Last synced: 20 Apr 2026
https://github.com/tomasz-sodzawiczny/postcss-plugin-chain
Utility for chaining multiple PostCSS plugins as a single one.
chain chaining plugin postcss postcss-plugin
Last synced: 24 Apr 2026
https://github.com/khronosleung/postcss-iconfont
基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标
Last synced: 25 Apr 2026
https://github.com/haquanq-frontendmentor/intro-section-with-dropdown-navigation
Solution for frontendmentor.io challenge: intro-section-with-dropdown-navigation
bem-css frontendmentor frontendmentor-junior postcss typescript
Last synced: 27 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/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 27 Apr 2026
https://github.com/pvdlg/karma-postcss-preprocessor
Karma preprocessor to compile css files with postcss with sourcemap and watch support
karma karma-plugin karma-preprocessor postcss sourcemaps watcher
Last synced: 28 Apr 2026
https://github.com/ambar/docz-plugin-style
PostCSS Preset Env + CSS Modlues
Last synced: 16 May 2026
https://github.com/haquanq-frontendmentor/crowdfunding-product-page
Solution for frontendmentor.io challenge: crowdfunding-product-page
accessibility bem-css frontendmentor html junior postcss typescript vite
Last synced: 28 Apr 2026
https://github.com/haquanq-frontendmentor/project-tracking-intro-component
Solution for frontendmentor.io challenge: project-tracking-intro-component
bem-css frontendmentor frontendmentor-junior javascript postcss
Last synced: 28 Apr 2026
https://github.com/haquanq-frontendmentor/loopstudios-landing-page
Solution for frontendmentor.io challenge: loopstudios-landing-page
bem-css frontendmentor frontendmentor-junior javascript postcss
Last synced: 29 Apr 2026
https://github.com/davismz09/proyecto-grado-angie-flores
Página estática referente al proyecto de grado de Angie Flores
autofixer gh-pages js postcss react swiper-js tailwindcss
Last synced: 29 Apr 2026
https://github.com/koffeine/rollup-plugin-postcss
Rollup plugin for PostCSS
Last synced: 29 Apr 2026
https://github.com/shrpne/postcss-clear-empty-strings
Remove declarations with empty values
Last synced: 30 Apr 2026
https://github.com/itz-hiru/book-review-system-frontend
Frontend of Book review system
javascript postcss react react-vite tailwindcss
Last synced: 30 Apr 2026
https://github.com/reworkjs/postcss-preset-reworkjs
PostCSS preset for applications built using ReworkJS
Last synced: 30 Apr 2026
https://github.com/yarastqt/postcss-theme-fallback
A postcss plugin to adding fallback values for css-variables
css-vars css-vars-fallback postcss postcss-plugin
Last synced: 30 Apr 2026
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 01 May 2026
https://github.com/ilyoff/postcss-at-images
PostCSS plugin searches and adds high resolution background images.
background-image css high-resolution postcss postcss-plugin retina
Last synced: 01 May 2026
https://github.com/haquanq-frontendmentor/contact-form
Solution for frontendmentor.io challenge: contact-form
accessibility bem-css frontendmentor frontendmentor-junior html junior postcss
Last synced: 03 May 2026
https://github.com/haquanq-frontendmentor/fylo-data-storage-component
Solution for frontendmentor.io challenge: fylo-data-storage-component
accessibility bem-css frontendmentor junior postcss vite
Last synced: 01 May 2026
https://github.com/hrfmmymt/plain-carousel
babel carousel-plugin postcss rollup vanilla-javascript
Last synced: 02 May 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/djtuatomgroup/neosoft-hospital
A Neosoft practice homework frame project.
element-plus frontend neosoft postcss tailwindcss typescript vuejs
Last synced: 02 May 2026
https://github.com/scarfacedeb/brunch-elixir-web
Brunch skeleton for basic elixir frontend
Last synced: 02 May 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/denisoct/single-page-developer-portfolio
Single-page developer portfolio
Last synced: 03 May 2026
https://github.com/haquanq-frontendmentor/interactive-pricing-component
Solution for frontendmentor.io challenge: interactive-pricing-component
bem-css draggable frontendmentor frontendmentor-junior postcss slider typescript
Last synced: 03 May 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/lukeed/taskr-autoprefixer
PostCSS Autoprefixer plugin for Taskr
autoprefixer css postcss taskr-plugin
Last synced: 03 May 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/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/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/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/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/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/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/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/atomicojs/example-tailwindcss
atomico postcss tailwindcss webcomponents
Last synced: 07 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/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/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/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/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/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