A directory with 89 PostCSS plugins.
This list aims to only show plugins that you can use today.
postcss-plugin keyword in your package.jsonpackage.jsonpackage.jsonLeveraging style container queries to create an abstraction layer for supporting multiple theming systems
npm -i @spectrum-tools/postcss-add-theming-layer
1.0.2Apache-2.0>=8Use the alpha() function in CSS
npm -i @csstools/postcss-alpha-function
1.0.1MIT-0^8.4>=18PostCSS Atomizer plugin
npm -i postcss-atomizer
2.0.0BSD-3-Clause^8.3.0>=16.0Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website
npm -i autoprefixer
10.4.22MIT^8.1.0^10 || ^12 || >=14Bundle CSS
npm -i @csstools/postcss-bundler
2.0.8MIT-0^8.4>=18PostCSS plugin to reduce calc()
npm -i postcss-calc
10.1.1MIT^8.4.38^18.12 || ^20.9 || >=22.0Use cascade layers in CSS
npm -i @csstools/postcss-cascade-layers
5.0.2MIT-0^8.4>=18Generates SVG fallback for clip-path properties to make it works in Firefox
npm -i postcss-clip-path-polyfill
1.1.0ISC^8.0.0Use the display-p3-linear color space on the color() function in CSS
npm -i @csstools/postcss-color-function-display-p3-linear
1.0.1MIT-0^8.4>=18Generate fallback values for content with alt text
npm -i @csstools/postcss-content-alt-text
2.0.8MIT-0^8.4>=18Dynamically specify a text color with adequate contrast
npm -i @csstools/postcss-contrast-color-function
2.0.12MIT-0^8.4>=18PostCSS plugin to apply CSScomb
npm -i postcss-csscomb
4.0.0MIT^8.2.4>=12Use Custom Media Queries in CSS
npm -i postcss-custom-media
11.0.6MIT^8.4>=18Log the AST nodes PostCSS is processing
npm -i @csstools/postcss-debug-logger
3.0.0MIT-0^8.4>=18PostCSS plugin delete duplicate css in the file
npm -i postcss-delete-duplicate-css
1.0.0MIT^8.2.8>=10.0.0Use design tokens in your CSS
npm -i @csstools/postcss-design-tokens
4.0.5MIT-0^8.4>=18Use env() variables in CSS
npm -i postcss-env-function
7.0.0MIT-0^8.4>=18Use pow(), sqrt(), hypot(), log(), exp() exponential functions in CSS
npm -i @csstools/postcss-exponential-functions
2.0.9MIT-0^8.4>=18Extract bits of your CSS
npm -i @csstools/postcss-extract
4.0.1MIT-0^8.4>=18PostCSS plugin to extract rules with CSS variables
npm -i @lesjoursfr/postcss-extract-css-variables
3.0.0MIT^8.5.622.x || 24.xA PostCSS polyfill for adding gap between flex items
npm -i flex-gap-polyfill
5.0.0CC0-1.0^8.3.6>=8.0.0PostCSS plugin for resetting flexbox
npm -i postcss-flexbox-reset
1.0.5MIT^8.1.0>=10.0.0PostCSS plugin for creating fluid and responsive CSS values with granular breakpoint control using the flow() function
npm -i @soyleninjs/postcss-flow
1.0.0MIT>=8.0.0>=12.0.0PostCSS plugin that makes it easier to work with fluid css values.
npm -i @lehoczky/postcss-fluid
1.0.3MIT^8.3.0>=12.0.0PostCSS plugin to pull in a Font Awesome's icon unicode
npm -i @marketing-relevance/postcss-font-awesome
1.0.3MIT^8.0.9Use unquoted format on @font-face CSS definitions.
npm -i @csstools/postcss-font-format-keywords
4.0.0MIT-0^8.4>=18PostCSS plugin for glitch effect
npm -i postcss-glitch
3.2.38MIT^8.1.1>=12PostCSS plugin to define global data that will be injected into PostCSS for use in other plugins.
npm -i @byronogis/postcss-global-data
1.0.1MIT^8.4PostCSS plugin to define global data that will be injected into PostCSS for use in other plugins.
npm -i @csstools/postcss-global-data
3.1.0MIT-0^8.4>=18Use interpolation methods in CSS gradient functions
npm -i @csstools/postcss-gradients-interpolation-method
5.0.12MIT-0^8.4>=18A PostCSS plugin to keep CSS grids stupidly simple
npm -i postcss-grid-kiss
3.1.0MIT^8.2.14>=6.0.0PostCSS plugin to add :focus-visible selector and/or :focus to every :hover, this is for keyboard accessibility
npm -i postcss-hover-focus-visible
1.0.2MIT^8.0.0PostCSS plugin that extracts and wraps rules containing `:hover` pseudo-classes in `@media (hover: hover) {}` media queries
npm -i postcss-hover-media-feature
1.0.2MIT^8.0.0>=10.0.0Use hwb() color functions in CSS
npm -i @csstools/postcss-hwb-function
4.0.12MIT-0^8.4>=18Use the ic length unit
npm -i @csstools/postcss-ic-unit
4.0.4MIT-0^8.4>=18PostCSS plugin to inline images into css
npm -i postcss-image-inliner
7.0.1MIT^8.3.0>=16.10PostCSS plugin to reference an SVG file and inline it, optionally update currentColor references
npm -i postcss-import-svg
1.0.5MIT^8.1.4A pseudo-class for matching elements in a selector list
npm -i @csstools/postcss-is-pseudo-class
5.0.3MIT-0^8.4>=18Use the light-dark() color function in CSS
npm -i @csstools/postcss-light-dark-function
2.0.11MIT-0^8.4>=18Use flow-relative (inline-start and inline-end) values for float and clear
npm -i @csstools/postcss-logical-float-and-clear
3.0.0MIT-0^8.4>=18Use logical overscroll behavior properties and values in CSS
npm -i @csstools/postcss-logical-overscroll-behavior
2.0.0MIT-0^8.4>=18Merge CSS rules with PostCSS.
npm -i postcss-merge-rules
7.0.6MIT^8.4.32^18.12.0 || ^20.9.0 || >=22.0A very basic CSS minifier
npm -i @csstools/postcss-minify
2.0.4MIT-0^8.4>=18PostCSS plugin to use CSS Modules everywhere
npm -i @carbonorm/postcss-modules
6.0.2MIT^8.0.0PostCSS plugin to use CSS Modules everywhere
npm -i @wixc3/postcss-modules
6.1.1MIT^8.0.0PostCSS plugin to process multiple tailwindcss configs
npm -i postcss-multiple-tailwind
1.0.1MIT^8.2.8>=10.0.0PostCSS plugin to unwrap nested rules like how Sass does it
npm -i postcss-nested
7.0.2MIT^8.2.14>=18.0PostCSS plugin to reference any ancestor selector in nested CSS
npm -i postcss-nested-ancestors
3.0.0MIT^8.0.0>=12Use nested calc() expressions in CSS
npm -i @csstools/postcss-nested-calc
4.0.0MIT-0^8.4>=18Postcss plugin to unwrap nested rules (like how Sass does it), compatible with rollup-plugin-styles
npm -i postcss-nested-once
1.0.0MIT^8.3.5>=10.0Use two values display syntax for inner and outer display types.
npm -i @csstools/postcss-normalize-display-values
4.0.0MIT-0^8.4>=18Trim whitespace inside and around CSS rules & declarations.
npm -i postcss-normalize-whitespace
7.0.1MIT^8.4.32^18.12.0 || ^20.9.0 || >=22.0Use oklab() and oklch() color functions in CSS
npm -i @csstools/postcss-oklab-function
4.0.12MIT-0^8.4>=18Beautify and/or normalize CSS files. Fork and update of a fork and update of an archived project.
npm -i perfectionist-dfd
3.0.3MIT^8.4.12Use a place-* shorthand for align-* and justify-* in CSS
npm -i postcss-place
10.0.0MIT-0^8.4>=18Sharegate recommended PostCSS config.
npm -i @sharegate/postcss-plugin
2.0.1Apache-2.0>=8.4.6Shopify's org-wide PostCSS preset
npm -i @shopify/postcss-plugin
5.0.4MIT^8.2.8Use light and dark color schemes in all browsers
npm -i css-prefers-color-scheme
10.0.0MIT-0^8.4>=18PostCSS plugin for prefixing a selection containing :hover
npm -i postcss-prefix-hover
1.0.3MIT^8.2.8>=10.0.0Prefix all CSS rules with a selector
npm -i postcss-prefix-selector
2.1.1MIT^8.0.0A plugin to search for images with the :hover pseudo-class and generate links to preload them
npm -i postcss-preload-hovers
3.0.0MIT^8.4.14Correctly declare progressive enhancements for CSS Custom Properties.
npm -i @csstools/postcss-progressive-custom-properties
4.2.1MIT-0^8.4>=18A CSS post-processor that converts px to rem.
npm -i postcss-pxtorem
6.1.0MIT^8.0.0A postcss plugin that converts px to rem.
npm -i @minko-fe/postcss-pxtorem
1.5.0MIT>=8.0.0Use the random function in CSS
npm -i @csstools/postcss-random-function
2.0.1MIT-0^8.4>=18Zero re-render UI state management for React
npm -i @austinserb/react-zero-ui
1.0.21MIT^8.5.5>=18.0.0Rebase url() functions when transforming CSS
npm -i @csstools/postcss-rebase-url
2.0.5MIT-0^8.4>=18PostCSS plugin for referencing selectors' rules from CSS files and defined rulesets.
npm -i postcss-reference
2.2.1MIT^8.4.16Use the relative color syntax in CSS
npm -i @csstools/postcss-relative-color-syntax
3.0.12MIT-0^8.4>=18🚀 PostCSS plugin that intelligently removes duplicate CSS properties, reduces bundle size, and improves CSS maintainability. Handles !important declarations, vendor prefixes, and selector filtering with zero configuration.
npm -i postcss-remove-duplicate-values
2.0.0MIT^8.4PostCSS plugin to replace overflow-wrap with word-wrap or optionally retain both declarations.
npm -i postcss-replace-overflow-wrap
4.0.0MIT^8.0.3Rewrite url values in CSS
npm -i @csstools/postcss-rewrite-url
2.1.1MIT-0^8.4>=18PostCSS plugin for RTL-optimizations
npm -i @mjhenkes/postcss-rtl
2.0.0MIT^8.0.0>=0.12Use Sass as a PostCSS plugin
npm -i @csstools/postcss-sass
5.1.1CC0-1.0^8.4.6^12 || ^14 || >=16The Reference Element Pseudo-class: :scope
npm -i @csstools/postcss-scope-pseudo-class
4.0.1MIT-0^8.4>=18PostCSS plugin that adds a user input scope to each selector
npm -i postcss-scopify
1.0.0MIT^8.3.0PostCSS plugin to add a selector prefix to all selectors.
npm -i postcss-selector-prefix
5.0.1MIT^8.4.27>=18.0.0A PostCSS plugin to rename css selector
npm -i postcss-selector-rename
3.0.1MIT^8.0.0This PostCSS plugin replaces standard rem units with a custom shadrem unit to enable REM-like support within Shadow DOM. It uses the font size of the shadow root as the base for shadrem measurements, ensuring consistent styling that adapts to the shadow D
npm -i @classicmike/postcss-shadrem
1.1.0MIT^8.4.27>=16.0.0Identify slow plugins in your PostCSS config
npm -i @csstools/postcss-slow-plugins
2.0.0MIT-0^8.4>=18A better way to manage z-indexes
npm -i postcss-stack
5.0.0MIT^8.3.6>=12.0.0PostCSS plugin for scalable design systems - converts px/rem to calc() expressions with CSS custom properties. Perfect for Tailwind CSS projects requiring dynamic spacing control.
npm -i tailwind-postcss-spacing
1.0.2MIT^8.0.0>=14.0.0Use text-decoration in it's shorthand form in CSS
npm -i @csstools/postcss-text-decoration-shorthand
4.0.3MIT-0^8.4>=18PostCSS plugin to generate theme colors.
npm -i @wordpress/postcss-themes
6.35.0GPL-2.0-or-later^8.0.0>=18.12.0Generates TypeScript definition (.d.ts) files for each of the postcss modules file
npm -i postcss-typescript-d-ts
1.0.0MIT^8.1.5>=10.0.0Use the unset keyword in CSS.
npm -i @csstools/postcss-unset-value
4.0.0MIT-0^8.4>=18PostCSS plugin to convert css variables that are not redeclared and remove duplicates
npm -i postcss-var-optimize
8.1.0MIT^8.0.0>=8.0.0postcss plugin to prefix all css custom properties
npm -i postcss-variables-prefixer
1.2.0MIT^8.2.13>=10.0.0PostCSS plugins are created and maintained by many different authors. This is not a list of plugins created by "PostCSS".
It is not possible to audit each plugin for security or interoperability issues. It remains your responsibility to choose the best dependencies for your project.