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/remeic/rum
🥃 Makes people smile with css
css fast framework hacktoberfest hacktoberfest2022 mobile-first postcss small
Last synced: 19 Mar 2025
https://github.com/a-x-/babel-plugin-transform-import-css
Pack css-modules css into js (for library building purposes)
babel babel-plugin babel7 css-modules frontend postcss rocketbank
Last synced: 10 Oct 2025
https://github.com/mrcgrtz/postcss-opacity-percentage
🌗 PostCSS plugin to transform percentage-based opacity values to more compatible floating-point values.
css css4 opacity postcss postcss-plugin
Last synced: 06 Apr 2025
https://github.com/mungell/react-postcss
Simple style tag for React
css-in-js experimental postcss react
Last synced: 15 Apr 2025
https://github.com/soluml/at-rule-packer
Merge media queries (@media), @supports, and other duplicate At-rules together under a single block.
at-rule css mediaqueries mediaquery postcss postcss-plugin postcss-plugins
Last synced: 18 Jan 2026
https://github.com/milliorn/landing-page
Template landing page site built using React and Tailwind CSS
autoprefixer css css3 html html-css html-css-javascript html5 javascript js landing-page landing-page-template landingpage lazy-loading postcss react reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 07 May 2025
https://github.com/jasonraimondi/postcss-custom-media-generator
Generates mobile first `@custom-media` rules from a configuration object.
custom-media mobile-first mobile-first-css postcss postcss-custom-media postcss-custom-media-generator postcss-plugin
Last synced: 28 Aug 2025
https://github.com/openameba/ameba-color-palette.css
:art: Ameba Color Palette.
ameba css design designtokens postcss
Last synced: 16 Jun 2025
https://github.com/alekseypleshkov/postcss-flex-short
PostCSS plugin for write short flex parameters
postcss postcss-flex postcss-plugin
Last synced: 10 Apr 2025
https://github.com/bush1d3v/tsbank_front
Front-end da aplicação TSBank, uma aplicação bancária completa possuindo todas as transações bancárias existentes.
axios crypto-js css3 docker dotenv eslint html jest nodejs postcss prettier react scss stylelint tailwindcss typescript vite vitest yarn zod
Last synced: 11 Apr 2025
https://github.com/manzdev/css-grid-cards
CSS Grid Cards: Talk for TLP Tenerife 2018 / JSDay CanariasJS 2018
css css-grid flex flexbox grid grid-css javascript postcss talks
Last synced: 15 Jun 2025
https://github.com/epilande/yars
:rocket: Yet Another React Starter
boilerplate css-modules postcss react redux webpack
Last synced: 12 Jul 2025
https://github.com/madeleineostoja/postcss-subgrid
PostCSS plugin that shims some basic behaviour of the proposed CSS subgrid spec
css-grid polyfill postcss postcss-plugin
Last synced: 30 Jan 2026
https://github.com/hugovntr/colorshades
Create unique color shades in seconds
color-palette color-scheme colors colorshades css postcss typescript
Last synced: 09 Apr 2025
https://github.com/moox/postcss-message-helpers
PostCSS helpers to throw or output GNU style messages
javascript postcss postcss-helpers
Last synced: 30 Jun 2025
https://github.com/srcery-colors/srcery.sh
Contains the source for the project website.
color-scheme colorscheme hacktoberfest parcel parceljs postcss srcery tailwindcss website
Last synced: 19 Feb 2026
https://github.com/waldronmatt/webpack-boilerplate
Comprehensive Webpack 5 Boilerplate with Express, Netlify, and PWA support.
boilerplate boilerplate-webpack browserslist commitizen commitlint eslint htmlhint husky jest lint-staged markdownlint postcss prettier sass secretlint semantic-release stylelint template typescript webpack
Last synced: 15 Apr 2025
https://github.com/stylus/postcss-styl
PostCSS parser plugin for converting Stylus syntax to PostCSS AST
Last synced: 13 Apr 2025
https://github.com/yasssuz/todo-app
Todo app where you can add, remove, set as done, and even filter your todos! Are you a light theme guy? Change the theme! Oh, and your todos will be saved on your localStorage!
css eslint html javascript postcss prettier scss tailwindcss vitejs
Last synced: 28 Jun 2025
https://github.com/michelemazzucco/postcss-border-shortcut
PostCSS plugin for assign default border type if not expressed.
postcss postcss-border-shortcut postcss-plugins
Last synced: 25 Sep 2025
https://github.com/cosanca/nucleum
A performance oriented web starter kit
browserslist browsersync docker-compose gulp gulp-tasks itcss performance postcss web-starter-kit webpack4 wordpress
Last synced: 12 Apr 2025
https://github.com/billimarie/simple-react-tailwind-tutorial
Create a simple, multi-page website that watches your CSS changes & refreshes your app, accordingly.
postcss react react-js react-tutorial tailwind-css tailwindcss tutorial
Last synced: 02 May 2025
https://github.com/alexandrecpedro/design-system
Design System project
figma gh-pages ignite-lab javascript jest mock mswjs phosphoricons postcss radix-ui react rocketseat storybook tailwind-css tailwindcss typescript vite vscode yml-files
Last synced: 07 May 2025
https://github.com/rodshtein/svelte-preprocess-config
Explanation & Guide how to make work together Svelte-Preprocess and Svelte Linter. + Config example 🧾
postcss rollup svelte svelte-preprocess sveltejs-language vscode
Last synced: 31 Oct 2025
https://github.com/mitsunee/postcss-split-colors
PostCSS Plugin to destructure colors in custom properties
css css3 css3-color css3-properties postcss postcss-plugin
Last synced: 10 Apr 2025
https://github.com/foxhound87/rfx-next
Next.js, FeathersJS, MobX + rfx-core SSR mgmt.
feathers material-ui mobx nextjs postcss react ssr tachyons
Last synced: 03 Feb 2026
https://github.com/benjaminreid/hermit
Hermit is a simple and lightweight starting point for single page static websites.
browsersync cssnano html postcss tailwindcss template
Last synced: 28 Feb 2026
https://github.com/tycrek/pagery
Opinionated static site generator
cloudflare cloudflare-pages jamstack postcss static-site-generator tailwind
Last synced: 10 Jul 2025
https://github.com/hassonor/react-with-tailwind
Appointment Owner-Pet with React, Tailwind, PostCSS, Craco, React-icons
craco postcss react react-icons searching sorting-data tailwind
Last synced: 06 Mar 2026
https://github.com/aonemd/jazl
GitHub issue based commenting system made simple
babel7 blogging comments github github-pages issues postcss webpack4
Last synced: 13 Apr 2025
https://github.com/oliverfindl/html-sass-babel-boilerplate
Simple boilerplate for building web app with babel-cli and node-sass.
autoprefixer babel boilerplate eslint html html-sass-babel-boilerplate javascript postcss purgecss sass stylelint
Last synced: 15 Mar 2025
https://github.com/winston0410/postcss-rfs-autopilot
A PostCSS plugin that will auto markup your CSS with rfs() for RFS
Last synced: 22 Jun 2025
https://github.com/andreapontrandolfo/super-performant-portfolio-website
Blazing fast static website made with Astro :rocket:
art astro autoprefixer cloudflare javascript postcss swup tailwindcss
Last synced: 12 Jul 2025
https://github.com/arturparkhisenko/gulp-gold
:wrench: Custom Gulp pack
browsersync development gulp javascript npm postcss tools webpack
Last synced: 18 Oct 2025
https://github.com/chrisboakes/postcss-encode-background-svgs
PostCSS plugin to encode background svgs
postcss postcss-plugin postcss-plugins
Last synced: 26 Jul 2025
https://github.com/CosAnca/nucleum
A performance oriented web starter kit
browserslist browsersync docker-compose gulp gulp-tasks itcss performance postcss web-starter-kit webpack4 wordpress
Last synced: 01 Oct 2025
https://github.com/skilld-labs/kaizen
Basic theme
components development-theme drupal-8 eslint postcss stylelint theme webpack
Last synced: 19 Jun 2025
https://github.com/mizchi/next-amp-tailwind-purgecss
amp next postcss purgecss tailwindcss
Last synced: 28 Apr 2025
https://github.com/shenlu89/jekyll-tailwindcss-starter
A dead simple, comprehensive Jekyll boilerpalte styling with Tailwind CSS.
cssnano disqus google-analytics jekyll jekyll-theme mathjax postcss purgecss tailwindcss
Last synced: 27 Mar 2025
https://github.com/matijaoe/vue-anu-starter
🔮 Vue & Anu starter template
anu iconify pinia postcss unocss unplugin-auto-import unplugin-vue-components unplugin-vue-macros vue
Last synced: 09 Apr 2025
https://github.com/ambar/postcss-theme-colors
Use relative color syntax or color-mix() with theme color groups 😉
css postcss postcss-plugin theme theming
Last synced: 23 Apr 2025
https://github.com/francoisromain/postcss-grid-system
A PostCSS plugin to create grids based on a fixed column width.
grid-system postcss postcss-grid postcss-plugin
Last synced: 26 Oct 2025
https://github.com/florianbouvot/laravel-mix-boilerplate
A boilerplate for building web projects with Laravel Mix.
autoprefixer css javascript laravel-mix minify optimization postcss purgecss sass tailwindcss versioning webpack
Last synced: 12 Apr 2025
https://github.com/zzx0106/vue-template
vue模板架构
gzip postcss prerender-spa-plugin pwa sentry seo vue vue-cli3 vue-router vuex webpack
Last synced: 15 Apr 2025
https://github.com/guillaumebriday/webpack-boilerplate
Webpack 4 boilterplate with Babel, SASS, PostCSS, Vue, Tailwind and Pug
babel postcss pug sass tailwindcss vue webpack webpack-dev-server
Last synced: 09 Jul 2025
https://github.com/sectorlabs/postcss-inline-class
A webpack plugin to inline CSS classes in other CSS classes using postcss
inline mixins postcss postcss-plugins webpack
Last synced: 19 Oct 2025
https://github.com/dangvanthanh/postcss-longshadow-text
Postcss plugin for long shadow text
css longshadow-text postcss postcss-plugins shadow-text
Last synced: 28 Oct 2025
https://github.com/vitaliyr/postcss-esplit
PostCSS plugin for splitting css into multiple css files with sourcemaps support for preventing limitation of shinny ie9
Last synced: 13 Apr 2025
https://github.com/danieladarve/craft-startup-kit
A Craft CMS 3 + (Laravel Mix, TailwindCSS+purge, PostCss, AlpineJS, ESLint, AirBnb, Prettier) Boilerplate
airbnb alpinejs craftcms eslint laravel-mix postcss prettier
Last synced: 11 Sep 2025
https://github.com/arccoza/metalsmith-with-postcss
A Metalsmith plugin for PostCSS.
Last synced: 13 Apr 2025
https://github.com/SectorLabs/postcss-inline-class
A webpack plugin to inline CSS classes in other CSS classes using postcss
inline mixins postcss postcss-plugins webpack
Last synced: 15 Apr 2025
https://github.com/html-next/optimizing-css-compiler
CSS: but easier and faster
css ember ember-cli glimmerjs postcss postcss-plugin scoped-css
Last synced: 02 Jul 2025
https://github.com/danielamenou/rollup-plugin-lib-style
A Rollup plugin that converts CSS and CSS extension languages into CSS modules and imports the generated CSS files
css css-modules less postcss rollup stylus
Last synced: 22 Mar 2025
https://github.com/sandrina-p/how-can-js-improve-your-css-mixins
How can JS Improve CSS Mixins
css css-mixins csstest javascript mixins postcss unit-testing
Last synced: 10 Aug 2025
https://github.com/zgreen/postcss-elm-modules
Transpile CSS modules to Elm.
css css-modules elm postcss postcss-plugin
Last synced: 10 Apr 2025
https://github.com/double-slash-podcast/double-slash
Code source du site web dédié au podcast double slash
frontmatter gatsbyjs graphql javascript netlify podcast postcss react rss
Last synced: 02 Aug 2025
https://github.com/andrepolischuk/inferno-redux-example
An example of Inferno Redux async application
example example-app inferno inferno-redux postcss redux
Last synced: 13 Jun 2025
https://github.com/okikio/postcss-spring-easing
PostCSS plugin to add that bounce and boogie that only springs can bring
easings linear postcss postcss-plugin spring spring-easing
Last synced: 28 Oct 2025
https://github.com/kidney/postcss-iconfont
Create SVG/TTF/EOT/WOFF/WOFF2 fonts from several SVG icons with PostCSS
hooks icon-font iconfont postcss postcss-plugin svg-icons webfont
Last synced: 12 Apr 2025
https://github.com/grigorii-horos/fast-start
This is base stucture for simple site. It support static sites, Nodejs, ES6, PostCSS, Nunjucks, HTML.
browsersync gulp html javascript linter nodejs nunjucks postcss
Last synced: 27 Mar 2025
https://github.com/tfanme/postcss-less2scss
PostCSS plugin to convert Less to Scss
conversion converter less postcss postcss-plugin scss
Last synced: 03 Apr 2025
https://github.com/olegkron/vite-ts-react-template
Kickstart your React projects with this feature-packed Vite-powered React TypeScript template.
postcss react storybook template typescript vite
Last synced: 05 Apr 2026
https://github.com/doinel1a/vite-react-js-starter
Start a ReactJS Web App, SPA, website or landing page using JavaScript, Tailwind CSS, ESLint, Husky Vite, SWC and much more, in JUST 30 seconds, without the hassle of setting up your dev environment.
boilerplate boilerplate-template eslint husky javascript js playwright postcss react react-javascript react-js sass starter starter-template swc tailwind tailwind-css tailwindcss template vite
Last synced: 07 Aug 2025
https://github.com/aler9/googlefonts-inliner
PostCSS plugin to download all Google Fonts imported by a stylesheet and serve them locally
css google-fonts googlefonts postcss postcss-plugin postcss-plugins sass
Last synced: 07 May 2025
https://github.com/Los-Crackitos/svelte-tailwind-i18n-template
Svelte project template with Tailwindcss and i18n pre-configured
hacktoberfest i18n postcss svelte3 tailwindcss template-project
Last synced: 03 Apr 2025
https://github.com/csstools/postcss-attribute-case-insensitive
PostCSS plugin to support case insensitive attributes
Last synced: 03 Apr 2025
https://github.com/gustavomorinaga/nostra
🛍 An ecommerce made with MedusaJS, SvelteKit and TailwindCSS
ecommerce gustavomorinaga medusajs postcss shadcn-svelte sveltekit tailwindcss
Last synced: 12 Apr 2025
https://github.com/azat-io/postcss-responsive
📐 PostCSS plugin that improves developer experience of responsive design
Last synced: 24 Apr 2025
https://github.com/redeagleap/light-boilerplate
:bulb: Lightweight and powerfull startkit for your next project!
babel boilerplate critical-css e2e-testing es2017 framework front-end gulp itcss linting postcss sassdoc scss webpack
Last synced: 21 Jul 2025
https://github.com/pekim/postcss-modules-resolve-from-alias
A CSS Modules transform to provide aliases for composes paths.
Last synced: 20 Aug 2025
https://github.com/vishnucss/vishnu
🎨 A simple and minimalist toolkit with modern css
css-framework css-next css3 postcss styleguide-css toolkit vishnu
Last synced: 10 Apr 2025
https://github.com/lbrian/postcss-class-rename
PostCSS plugin simply replaces string without hassle
css postcss postcss-plugin postcss-plugins rollup webpack webpack-loader
Last synced: 15 Apr 2025
https://github.com/soul-wish/postcss-important-shorthand
PostCSS plugin that allows you to use shorthand for your !important declarations
css important postcss postcss-plugin shorthand
Last synced: 28 Oct 2025
https://github.com/singuerinc/bi
Your Instagram™ feed, but bigger!
docker instagram-api postcss vuejs webpack
Last synced: 13 Aug 2025
https://github.com/alekseypleshkov/nuxt-starter-pack
Vue/Nuxt starter pack with docker and gitlab-ci
docker gitlat-ci nuxtjs postcss starter-pack vue
Last synced: 28 Feb 2026
https://github.com/joshnuss/svelte-snowpack-template
A snowpack template for svelte with support for jest, eslint, postcss, tailwind, and rollup.
eslint jest postcss rollup snowpack svelte svelte-template tailwindcss
Last synced: 11 Apr 2025
https://github.com/bart-jaskulski/eleventy-postcss-extension
Add CSS processing with PostCSS to your Eleventy build.
css eleventy eleventy-plugin postcss
Last synced: 25 Feb 2026
https://github.com/angatar/tailwindcss
Tiny container with Tailwind CSS CLI official binaries only (into scratch), that can help any project to make use of Tailwind CSS without requiring Node.js nor npm
container css css-framework docker functional-css postcss responsive tailwindcss utility-classes
Last synced: 16 Oct 2025
https://github.com/fi3ework/postcss-rename-selector
🌖 Effortlessly Rename CSS Selectors.
ant-design antd css less postcss postcss-plugin
Last synced: 03 Oct 2025
https://github.com/octod/postcss-emptymediaqueries
Removes empty media queries
css postcss postcss-emptymediaqueries
Last synced: 08 Aug 2025
https://github.com/petrnikolas/staticfy
Basic starter kit for static sites based on Gatsby.js. (React, Gatsby, TypeScript, TSLint, Lint-Staged, Husky, Prettier, Stylelint, Spectre.css, PostCSS, Sass)
gatsby gatsby-starter gatsby-starter-kit gatsbyjs husky postcss react reactjs sass spectre starter-kit starter-project starter-template starterkit static-site stylelint tslint typescript
Last synced: 13 Oct 2025
https://github.com/chara0511/to-do-app
html-css-javascript nextjs postcss react tailwindcss typescript
Last synced: 12 Apr 2025
https://github.com/artelydev/vue-shortener
:fire: Vue.js URL Shortener
coffeescript coffeescript2 expressjs heroku postcss pug pug-template-engine pugjs stylus sugarss url-shortener vue
Last synced: 25 Oct 2025
https://github.com/ajlai/postcss_transformer.dart
Dart transformer using PostCSS for asset transformation
Last synced: 20 Feb 2026
https://github.com/jonathanharrell/hiq-theme-builder
Theme builder for the HiQ CSS framework.
css custom-properties postcss theming vue
Last synced: 23 Mar 2025
https://github.com/jednano/parse-css-sides
Parses CSS sides (e.g., margin, padding, border) into an object.
Last synced: 23 Mar 2025
https://github.com/dkrnl/postcss-font-display
PostCSS plugin to automatically add font-display css rule
css font-display postcss postcss-plugin
Last synced: 11 Oct 2025
https://github.com/raulghm/vueletta
Un simple clon de Boletta con Vue 2
boleta chile honorarios postcss vue vue2 vue2-demo webpack
Last synced: 10 Jul 2025
https://github.com/zhaotoday/antd
A boilerplate for react project based on antd. 基于 antd 的 react 项目模板。
ant-design antd es6 postcss react react-antd redux webpack
Last synced: 13 Jul 2025
https://github.com/rowno/postcss-remtopx
PostCSS plugin for converting rem to px
Last synced: 05 Jul 2025
https://github.com/7studio/postcss-color-rgb
PostCSS plugin to transform new RGB functions syntaxes to compatible CSS.
color css postcss postcss-plugin rgb
Last synced: 14 Apr 2025
