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/1chooo/1chooo.com
๐จ๐ปโ๐ป $ ls -al Hugo -- A personal portfolio and blog built with React, Next.js, and Tailwind CSS
blog giscus mdx monorepo nextjs nextra pnpm portfolio postcss reactjs tailwindcss turborepo typescript vercel
Last synced: 09 Apr 2025
https://github.com/madyankin/postcss-each
PostCSS plugin to iterate through values
css iteration postcss preprocessing
Last synced: 27 Apr 2025
https://github.com/PolymerX/lit-loader
LitElement Single File Component loader for Webpack.
lit-html litelement polymer postcss webpack
Last synced: 26 Apr 2025
https://github.com/anandgupta193/react-enterprise-starter-kit
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:
babel ci-cd css docker eslint github-workflows html javascript jsx postcss react react-ssr redux redux-saga scss ssr storybook travis-ci webpack
Last synced: 14 Apr 2025
https://github.com/jlhwung/postcss-font-family-system-ui
PostCSS plugin to transform W3C CSS font-family: system-ui to a practical font-family list
css font-family postcss postcss-plugins system-ui
Last synced: 08 Apr 2025
https://github.com/mmdsharifi/Bootstrap4-RTL
๐ ฑ An Awesome RTL bootstrap 4 with gulp and postcss
bootstrap bootstrap4 postcss rtl-bootstrap
Last synced: 15 May 2025
https://github.com/polymerx/lit-loader
LitElement Single File Component loader for Webpack.
lit-html litelement polymer postcss webpack
Last synced: 11 Jan 2026
https://github.com/aleshaoleg/postcss-sass
A Sass parser for PostCSS, using gonzales-pe. https://www.npmjs.com/package/postcss-sass
gonzales-pe postcss postcss-sass sass
Last synced: 24 Oct 2025
https://github.com/mmdsharifi/bootstrap4-rtl
๐ ฑ An Awesome RTL bootstrap 4 with gulp and postcss
bootstrap bootstrap4 postcss rtl-bootstrap
Last synced: 24 Oct 2025
https://github.com/FullHuman/postcss-purgecss
PostCSS plugin for purgecss
optimization postcss postcss-plugin purgecss
Last synced: 24 Apr 2025
https://github.com/giuseppeg/styled-jsx-plugin-postcss
Plugin to add PostCSS support to styled-jsx.
css-in-js postcss styled-jsx styled-jsx-plugin
Last synced: 07 Apr 2025
https://github.com/zachleat/postcss-foft-classes
A postcss plugin to automatically add classes for various font loading strategies.
Last synced: 14 Apr 2025
https://github.com/elchininet/postcss-rtlcss
PostCSS plugin to automatically build Cascading Style Sheets (CSS) with Left-To-Right (LTR) and Right-To-Left (RTL) rules using RTLCSS
arabic automatic-ltr automatic-rtl css direction hebrew left-to-right ltr plugin postcss postcss-plugin postcss-rtlcss right-to-left rtl rtl-adaptivity rtl-plugin rtlcss
Last synced: 05 Apr 2025
https://github.com/zgreen/postcss-critical-css
PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.
critical-css css postcss postcss-critical-css postcss-plugin
Last synced: 06 May 2025
https://github.com/ixkaito/nextsss
Next.js static site starter including full setup for TypeScript, Tailwind CSS, Google Analytics, Next SEO, etc.
autoprefixer eslint google-analytics next-seo nextjs nextjs-starter postcss prettier sass tailwindcss typescript
Last synced: 19 Apr 2025
https://github.com/wearegenki/minna-ui
๐ธ A fast, friendly, and fun web UI kit for everyone.
css-framework design-system javascript minna-ui postcss svelte wearegenki web-components
Last synced: 07 Apr 2025
https://github.com/WeAreGenki/minna-ui
๐ธ A fast, friendly, and fun web UI kit for everyone.
css-framework design-system javascript minna-ui postcss svelte wearegenki web-components
Last synced: 22 Mar 2025
https://github.com/shubhadip/vue3-component-library
This is a template for building vue components library.Project makes use of vue3.0 with rollup configuration to build treeshakable imports and Postcss for compilation of css
component-library library library-boilerplate postcss rollup rollupjs starter-template typescript vue vue3 vue3-project vuejs
Last synced: 19 Mar 2025
https://github.com/sndrs/postcss-atomised
Atomise standard CSS
atomic-css css postcss proof-of-concept
Last synced: 14 May 2025
https://github.com/budparr/hugopipes-tailwindcss
Hugo's Pipes functionality using TailwindCSS and PurgeCSS
hugo postcss purgecss tailwindcss
Last synced: 16 Jun 2025
https://github.com/atsistemas/react-base
atSistemas React/Redux Isomorphic Platform
chai coverage enviroment enzyme immutablejs isomorphic jsdom mocha postcss react reactjs redux universal webpack3
Last synced: 15 Jun 2025
https://github.com/bjarneo/cessie
Transpile your CSS bundle to support CSS variables, calc, and future CSS for legacy browsers.
css ie11 less postcss preprocessor sass scss transpiler
Last synced: 25 Apr 2025
https://github.com/hudochenkov/postcss-styled-syntax
PostCSS syntax for CSS-in-JS like styled-components
css-in-js postcss postcss-syntax styled-components
Last synced: 16 May 2025
https://github.com/sebastian-software/edgestack
[UNMAINTAINED] A Universal React Stack with deeply integrated localization Support, semi-automatic route-based code splitting, Hot Module Reloading (HMR), Redux, Apollo GraphQL and more...
apollo-client css-modules expressjs graphql-client lost-grid postcss react-boilerplate universal-react webpack2
Last synced: 02 Oct 2025
https://github.com/bstaruk/starbase
โญ Production-ready static website boilerplate featuring Webpack 5, TypeScript, PostCSS & Tailwind CSS.
boilerplate boilerplate-template eslint front-end-starter-kit postcss static-site stylelint tailwindcss typescript webpack webpack-dev-server webpack5 webpack5-boilerplate
Last synced: 09 Feb 2026
https://github.com/gucong3000/postcss-jsx
PostCSS syntax for parsing CSS in JS literals
css css-in-js parsing postcss postcss-syntax react syntax
Last synced: 04 Apr 2025
https://github.com/pascalduez/postcss-scrollbar
PostCSS plugin enabling custom scrollbars
Last synced: 20 Aug 2025
https://github.com/pixeldevsio/tailpress
A Tailwind CSS enabled Underscores theme
jit postcss purgecss tailwindcss theme wordpress wordpress-theme
Last synced: 10 May 2025
https://github.com/dbtedman/postcss-prefixwrap
A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.
bun deno npm pnpm postcss postcss-plugin typescript
Last synced: 16 May 2025
https://github.com/cliffordp/cliff-wp-plugin-boilerplate
Cliff's WordPress plugin boilerplate
autoloader boilerplate composer customizer-optionsettings hacktoberfest minified namespace parcel php postcss react shortcode shortcodes tailwindcss unminified wordpress wordpress-development wordpress-plugin wordpress-plugin-boilerplate wp-plugin
Last synced: 24 Oct 2025
https://github.com/weblancaster/seed-react-project
[DEPRECATED] Yet another React boilerplate to rapidly and easily start a React stack component focused project from scratch without the tedious configuration work.
boilerplate css-modules postcss react react-router redux scaffolding webpack
Last synced: 08 Oct 2025
https://github.com/madeleineostoja/postcss-hexrgba
PostCSS plugin that adds shorthand hex methods to rgba() values
css-color css-colors postcss postcss-plugin
Last synced: 16 Mar 2025
https://github.com/yunusga/postcss-momentum-scrolling
PostCSS plugin add 'momentum' style scrolling behavior (-webkit-overflow-scrolling: touch) for elements with overflow (scroll, auto) on iOS
css inertia-scroll ios ios-safari momentum momentum-scrolling overflow postcss postcss-plugin safari scroll touch
Last synced: 30 Apr 2025
https://github.com/meteor-community-packages/meteor-postcss
PostCSS for Meteor
css hacktoberfest meteor postcss
Last synced: 16 Jun 2025
https://github.com/janraasch/hugo-product-launch
๐ A Hugo theme for young start-ups, product launches, and ยปcoming soonยซ-websites. Includes contact form & newsletter sign up via Netlify. Deploy with one click!
hugo hugo-theme netlify netlify-forms postcss tailwindcss theme
Last synced: 07 Apr 2025
https://github.com/simonsmith/postcss-property-lookup
PostCSS plugin for property lookups, similar to Stylus
lookup postcss postcss-property-lookup stylus
Last synced: 31 Mar 2025
https://github.com/finmavis/webpack-4-boilerplate
Webpack 4 Boilerplate with Babel, SASS or SCSS, browser autoprefix, and optimization using gzip and brotli for Production
auto-prefixer babel boilerplate bundler es6 html5 javascript postcss sass scss webpack webpack-boilerplate webpack-configuration webpack-dev-server webpack-starter webpack4 webpack4-boilerplate
Last synced: 09 Apr 2025
https://github.com/bdsqqq/igorbedesqui.com
My personal website and glorified playground. Watch as I overengineer the shit out of this to learn new stuff and explore tech I find interesting.
ariakit class-variance-authority mdx next-remote-mdx nextjs postcss radix-ui tailwindcss vercel
Last synced: 26 Jan 2026
https://github.com/mrmlnc/emitty
A platform for finding dependencies between files and building tools for incremental compilation or build.
inheritance jade less nunjucks performance postcss posthtml pug scss stylus
Last synced: 25 Oct 2025
https://github.com/giuseppeg/styled-jsx-postcss
Use PostCSS with styled-jsx ๐ฅ
css css-in-js postcss reactjs styled-jsx zeit
Last synced: 14 Apr 2025
https://github.com/glebmachine/postcss-easysprites
Easy sprites for postcss. Just append `#spritename` to the end of image url. No complicated mechanism or strict folder structure.
assets-management postcss postprocessing retina-images sprites
Last synced: 11 Apr 2025
https://github.com/xhmikosr/find-unused-sass-variables
A simple tool to find unused Sass variables
Last synced: 09 Apr 2025
https://github.com/XhmikosR/find-unused-sass-variables
A simple tool to find unused Sass variables
Last synced: 14 Mar 2025
https://github.com/ctxhou/postcss-hash-classname
PostCSS plugin to append hash string to your css class name.
classname css hash postcss postcss-hash
Last synced: 24 Aug 2025
https://github.com/fz6m/lightningcss-loader
Speed up your Webpack build with lightningcss (Original parcel-css-loader)
autoprefixer lightningcss parcel-css postcss webpack-css-minifier webpack-loader
Last synced: 05 Apr 2025
https://github.com/scrum/postcss-at-rules-variables
PostCss plugin to use CSS Custom Properties in at-rule @each, @for, @if, @else and more...
at-rules css plugins postcss postcss-plugins property rules
Last synced: 17 Feb 2026
https://github.com/gucong3000/postcss-html
PostCSS syntax for parsing HTML (and HTML-like)
css html parsing postcss postcss-html postcss-syntax vue-components
Last synced: 13 Jun 2025
https://github.com/shellscape/postcss-values-parser
A CSS property value parser for PostCSS
css cssnext lesshint parse postcss postcss-values-parser values
Last synced: 15 May 2025
https://github.com/paralect/nextjs-landing-starter
Build your landing site based on Next.JS in minutes ๐
landing-websites nextjs paralect-stack postcss react ssr starter starter-kit
Last synced: 29 Jul 2025
https://github.com/Barata-Ribeiro/vite-vanilla-js-template
ViteJS starter template for vanilla JavaScript with some basic dependencies.
autoprefixer boilerplate boilerplate-template css-nano css-reset eslint javascript open-source postcss prettier scaffold-template template vanilla-javascript vite vite-template vitejs vitejs-template
Last synced: 11 Apr 2025
https://github.com/jednano/postcss-triangle
PostCSS plugin to create a triangle.
equilateral isosceles postcss postcss-plugin right triangle
Last synced: 21 Mar 2025
https://github.com/cossssmin/jigsaw-tailwindcss
Use Tailwind CSS with the Jigsaw static site generator.
blade jigsaw laravel-mix php postcss purgecss static-site-generator tailwind-css
Last synced: 05 Jul 2025
https://github.com/oliverfindl/electron-vue-boilerplate
Simple boilerplate for building Vue app with Electron and Webpack.
boilerplate electron electron-vue-boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack
Last synced: 15 Mar 2025
https://github.com/jednano/postcss-nested-props
PostCSS plugin to unwrap nested properties.
css nested nested-properties postcss postcss-plugin properties props sass
Last synced: 21 Mar 2025
https://github.com/upperdo/backoffice-template
Clean Architecture Sveltekit Appwrite template include admin area, auth, protected routes, it use ShadCN-Svelte as base component library, include authorization, designed to be easy to maintain and very scalable.
appwrite clean-architecture feature-first-folder-structure pnpm postcss shadcn-svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vite
Last synced: 30 Jul 2025
https://github.com/Bluskript/vite-plugin-inline-css-modules
Write CSS modules without leaving your javascript!
postcss solidjs vite vite-plugin
Last synced: 01 Apr 2025
https://github.com/madeleineostoja/postcss-fontpath
PostCSS plugin to automatically generate font-face src sets based on a path to font files
css font-face postcss postcss-plugin
Last synced: 04 Oct 2025
https://github.com/bluskript/vite-plugin-inline-css-modules
Write CSS modules without leaving your javascript!
postcss solidjs vite vite-plugin
Last synced: 03 Aug 2025
https://github.com/pauloelias/gatsby-tailwind-emotion-starter
Gatsby starter using TailwindCSS 1.8+ and Emotion.
custom-css emotion gatsby gatsby-site gatsby-starter gatsby-starters gatsbyjs postcss tailwind-css tailwindcss
Last synced: 15 May 2026
https://github.com/ahyiru/pack
@huxy/pack ๆฏไธไธช้กน็ฎๆๅปบๅทฅๅ ท๏ผ้ๆไบ esbuildใeslintใstylelintใjestใcommitlintใhuskyใstandard-versionใpostcssใprettier๏ผๆไพๅผๅ็ฏๅขใๆๅปบๆๅ ใๆฌๅฐๅฏๅจๆๅกใ็ฏๅข้ ็ฝฎใไปฃ็้ ็ฝฎ็ญๅ่ฝใ
commitlint esbuild eslint husky jest nodejs postcss stylelint webpack
Last synced: 09 Apr 2025
https://github.com/azat-io/atom-language-postcss
:atom: Atom language support for PostCSS
Last synced: 24 Apr 2025
https://github.com/poimen/stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
postcss stencil stenciljs tailwind tailwindcss
Last synced: 05 Apr 2025
https://github.com/thuongtruong1009/twitter-meta
๐ท Stay up-to-date with tweets from multidisciplinary, fully informed with all live commentary. Free and widely available online for everyone.
bablejs component css3 eslint firebase frontend-web github html-css-javascript html5 javascript pinia postcss prettier pwa quasar scss twitter typescript vue-router vuejs
Last synced: 29 Jul 2025
https://github.com/olehdutchenko/sort-css-media-queries
The custom `sort` method (mobile-first / desktop-first) for the `postcss-sort-media-queries` and `css-mqpacker`, or possibly something else
combine css-mqpacker desktop-first media mobile-first mq node-css-mqpacker pleeease postcss queries sort
Last synced: 30 Jun 2025
https://github.com/tomeraberbach/postcss-fontpie
A PostCSS plugin for optimizing font loading layout shifts using fontpie!
cls css fontpie fonts npm-module npm-package postcss postcss-plugin
Last synced: 09 Apr 2025
https://github.com/tenhobi/postcss-czech-stylesheets
PostCSS plugin for writing Czech Style Sheets
Last synced: 15 Feb 2026
https://github.com/Poimen/stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
postcss stencil stenciljs tailwind tailwindcss
Last synced: 09 May 2025
https://github.com/unlight/postcss-import-url
PostCSS plugin inlines remote files.
Last synced: 20 Aug 2025
https://github.com/vhscom/svelte-headlessui-starter
๐ Launch your next Svelte app using Headless UI. Mirror of Svelte Headless UI Starter on Codeberg. :point_down:
changesets cssnano graphql headlessui playwright postcss supabase svelte sveltejs sveltekit tailwindcss typescript vite
Last synced: 27 Sep 2025
https://github.com/akiraz2/yii2-app
All you need for Rapid Development is My Advanced Template (Docker, DB||Redis Cache, Gentelella Admin, Dektrium-User, log-db, queue-db, i18n, EmailForm, postcss, Gii Ant) ~~~FREE WITH GREAT SUPPORT!~~~
dektrium gentelella-theme gii i18n logging postcss pretty-url ready-to-use yii2-application-template yii2-queue yii2-user
Last synced: 10 Apr 2025
https://github.com/mistakster/postcss-pipeline-webpack-plugin
A webpack plugin to process generated assets with PostCSS pipeline
csso optimization postcss postcss-pipeline webpack webpack-plugin webpack4
Last synced: 04 Apr 2026
https://github.com/dimitrinicolas/postcss-inline-media
Media queries shortcut, built on PostCSS, example: font-size: 20px @1200 18px @480 16px;
css media-queries postcss postcss-plugin shortcut
Last synced: 23 Oct 2025
https://github.com/madeleineostoja/postcss-alias
PostCSS plugin that allows you to create aliases for CSS properties
Last synced: 20 Mar 2025
https://github.com/argyleink/vite-postcss-preset-env
cssnext devenvironments modern-syntax postcss vite
Last synced: 11 Apr 2025
https://github.com/vd39/typescript-webpack-boilerplate
A starter frontend boilerplate built with TypeScript/JavaScript, Webpack 5, PostCSS, Jest, ESLint, and Stylelint.
babel babel7 boilerplate-template eslint husky javascript jest postcss setup stylelint typescript webpack webpack-boilerplate
Last synced: 07 Oct 2025
https://github.com/madeleineostoja/postcss-clearfix
PostCSS plugin that adds a 'fix' argument to the 'clear' property
clearfix css postcss postcss-plugin
Last synced: 20 Mar 2025
https://github.com/csstools/postcss-selector-not
PostCSS plugin to transform :not() W3C CSS level 4 pseudo class to more compatible CSS (multiple css3 :not() selectors)
javascript postcss postcss-plugins
Last synced: 09 Jul 2025
https://github.com/justalever/tailwind-airbnb
A demo of how to build Airbnb's home page using Tailwind CSS
css front-end-development postcss tailwindcss
Last synced: 23 Apr 2025
https://github.com/lysyi3m/atom-postcss-sorting
Atom editor plugin to sort CSS rules content with specified order.
apm atom-plugin css postcss sorting
Last synced: 29 Apr 2025
https://github.com/lutien/postcss-extract-value
PostCSS plugin to extract values from css properties and put them into variables.
Last synced: 14 Apr 2025
https://github.com/friendsofredaxo/redaxo-mit-bimmelbam
REDAXO front-end with Gulp, Browserify, PostCSS and Bimmelbam (stuff)
babel browserify frontend gulp node nunjucks postcss redaxo sass
Last synced: 24 Jun 2025
https://github.com/voightco/micro-site
Opinionated 11ty micro front-end that can be used to create a one-pager.
11ty eleventy nunjucks postcss static-site static-site-generator
Last synced: 25 Oct 2025
https://github.com/mistricky/postcss-relaxed-unit
๐ฎPostcss-relaxed-unit is a postcss plugin for unit tranformation and make write css easier with custom unit.
css postcss postcss-plugin px rem typescript unit-tranformation
Last synced: 14 Apr 2025
https://github.com/manzdev/parcel-document-blank
A prepared package for new HTML/CSS/JS projects and easy coding (with Parcel)
css3 eslint html5 javascript parcel postcss pug stylelint template tslint typescript
Last synced: 18 Jul 2025
https://github.com/tivac/fixie
PostCSS plugin to simplify IE CSS hacks
css-hack ie-hacks postcss postcss-plugins
Last synced: 12 Jul 2025
https://github.com/gucong3000/postcss-syntax
Automatically switch PostCSS syntax based on file extensions
css extension postcss postcss-syntax switch syntax
Last synced: 06 Apr 2025
https://github.com/svelte-add/postcss
โ ๏ธ MOVED: https://github.com/svelte-add/svelte-add/ โ ๏ธ Add PostCSS to your Svelte project
cssnano postcss svelte svelte-add svelte-kit sveltekit vite
Last synced: 10 May 2025
https://github.com/simonsmith/postcss-at2x
Simplify handling of retina images in CSS
at2x javascript postcss retina-images
Last synced: 19 Jun 2025
https://github.com/storybookjs/addon-styling
A base addon for configuring popular styling tools
addon css postcss scss storybook styling theme-switcher
Last synced: 04 Oct 2025
https://github.com/d4rkr00t/aik
Frontend Playground
aik frontend-playground javascript playground postcss prototyping react repl webpack
Last synced: 04 Mar 2025
https://github.com/robbevp/postcss-multiple-tailwind
Easily handle multiple tailwindcss configs within your project.
postcss postcss-plugin tailwindcss
Last synced: 28 Mar 2025
