A directory with 274 PostCSS plugins.
This list aims to only show plugins that you can use today.
postcss-plugin keyword in your package.jsonpackage.jsonpackage.jsonUse Sass-like variables, conditionals, and iterators in CSS
npm -i postcss-advanced-variables
5.0.0CC0-1.0^8.4>=18Use the alpha() function in CSS
npm -i @csstools/postcss-alpha-function
2.0.17MIT-0^8.4>=20.19.0PostCSS plugin that adds `@keyframes` from animate.css, tuesday.css, magic.css, mimic.css
npm -i postcss-animations
8.0.0MIT>=8.1.0>=10PostCSS plugin CSS4 aspect-ratio property
npm -i postcss-aspect-ratio-property
1.0.0MIT^8.1.0>=10.0.0PostCSS plugin to manage assets
npm -i postcss-assets
6.0.0MIT^8.2.15>=10Enable support for case insensitive attribute matching in selectors
npm -i postcss-attribute-case-insensitive
8.0.0MIT^8.4>=20.19.0Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website
npm -i autoprefixer
10.6.1MIT^8.1.0^10 || ^12 || >=14Style form elements when they are empty
npm -i css-blank-pseudo
8.0.2MIT-0^8.4>=20.19.0Keep only the CSS you need based on comments and your browserslist
npm -i postcss-browser-comments
7.0.0MIT-0^8.4>=20.19.0Bundle CSS
npm -i @csstools/postcss-bundler
3.0.2MIT-0^8.4>=20.19.0PostCSS plugin to reduce calc()
npm -i postcss-calc
11.2.1MIT^8.5.28^22.22.3 || ^24.15 || >=26.0Use cascade layers in CSS
npm -i @csstools/postcss-cascade-layers
6.0.2MIT-0^8.4>=20.19.0PostCSS plugin to transform clamp() to combination of min/max
npm -i postcss-clamp
4.1.0MIT^8.4.6>=7.6.0PostCSS plugin enabling custom class sets like tailwind css
npm -i postcss-class-apply
4.0.1Unlicense^8.4.1PostCSS plugin to intelligently convert CSS classes to SASS, Less and Stylus mixins
npm -i postcss-classes-to-mixins
3.0.1MIT^8.3.6This PostCSS plugin replaces CSS class names with hard-to-guess characters.
npm -i postcss-classname-obfuscator
1.3.0MIT^8.4.27>=18.0.0Generates SVG fallback for clip-path properties to make it works in Firefox
npm -i postcss-clip-path-polyfill
1.1.0ISC^8.0.0A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).
npm -i cnjm-postcss-px-to-viewport
1.0.1MIT^8.4.14Post CSS plugin for color conversion.
npm -i postcss-color-converter
1.2.1MIT^8.0.0>=8.3.0Use the color() function in CSS
npm -i @csstools/postcss-color-function
5.0.16MIT-0^8.4>=20.19.0Use the display-p3-linear color space on the color() function in CSS
npm -i @csstools/postcss-color-function-display-p3-linear
2.0.15MIT-0^8.4>=20.19.0Use space and slash separated color notation in CSS
npm -i postcss-color-functional-notation
8.0.12MIT-0^8.4>=20.19.0PostCSS plugin for aggressive minification and optimization of CSS color values. Make every color a hole-in-one for your bundle size!
npm -i postcss-color-golf
4.0.0CC0-1.0^8.0.0Use 4 & 8 character hex color notation in CSS
npm -i postcss-color-hex-alpha
11.0.1MIT^8.4>=20.19.0PostCSS plugin to transform hsl() and hsla() to hexadecimal
npm -i postcss-color-hsla-fallback
1.0.0MIT^8.2.8>= 12Use the color-mix function in CSS
npm -i @csstools/postcss-color-mix-function
4.0.16MIT-0^8.4>=20.19.0Mix any number of colors with the color-mix function in CSS
npm -i @csstools/postcss-color-mix-variadic-function-arguments
2.0.16MIT-0^8.4>=20.19.0Modify colors using the color-mod() function in CSS
npm -i postcss-color-mod-function
4.1.1CC0-1.0^8.2.15>= 18Use the rebeccapurple color keyword in CSS
npm -i postcss-color-rebeccapurple
11.0.1MIT-0^8.4>=20.19.0postcss plugin for handling prefers-color-scheme more gracefully
npm -i postcss-color-scheme
2.1.0MIT^8.0.0PostCSS plugin to keep a watchful eye on your css colors
npm -i postcss-colorguard
2.0.29Apache-2.0>8.0.0>=18.0.0Minify colors in your CSS files with PostCSS.
npm -i postcss-colormin
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0automatically keep css selectors unique
npm -i postcss-combine-duplicated-selectors
10.0.3MIT^8.1.0^10.0.0 || ^12.0.0 || >=14.0.0PostCSS plugin to combine equal media query rules.
npm -i postcss-combine-media-query
2.1.0MIT^8.0.0>=16.0.0React component library for building custom design systems
npm -i componentry
7.2.0MIT8PostCSS plugin that enables @if statements in your CSS
npm -i postcss-conditionals-renewed
1.0.0MIT^8Declare a list of container queries in a single at-container rule
npm -i @csstools/postcss-container-rule-prelude-list
1.0.4MIT-0^8.4>=20.19.0Generate fallback values for content with alt text
npm -i @csstools/postcss-content-alt-text
3.0.8MIT-0^8.4>=20.19.0Dynamically specify a text color with adequate contrast
npm -i @csstools/postcss-contrast-color-function
3.0.16MIT-0^8.4>=20.19.0Convert values with PostCSS (e.g. ms -> s)
npm -i postcss-convert-values
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0PostCSS plugins for DB UX Design System
npm -i @db-ux/core-postcss-plugin
5.5.0Apache-2.0^8.0.0PostCSS plugin to apply CSScomb
npm -i postcss-csscomb
4.0.0MIT^8.2.4>=12A modular CSS minifier, built on top of the PostCSS ecosystem.
npm -i cssnano
9.0.5MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Use Custom Media Queries in CSS
npm -i postcss-custom-media
12.0.1MIT^8.4>=20.19.0PostCSS plugin custom media generator
npm -i postcss-custom-media-generator
1.1.0MIT^8.3.0>=12.0.0Use Custom Properties Queries in CSS
npm -i postcss-custom-properties
15.0.1MIT^8.4>=20.19.0Adds fallbacks to your CSS var() functions
npm -i postcss-custom-properties-fallback
1.0.2MIT^8.0.0Use Custom Selectors in CSS
npm -i postcss-custom-selectors
9.0.1MIT^8.4>=20.19.0PostCSS plugin that mirrors @custom-media for @supports queries, letting you alias verbose or experimental feature-detection conditions behind a custom name.
npm -i postcss-custom-supports
1.1.1MIT^8.4.0>=18.0.0CSS solution for light/dark/auto theme switcher for websites
npm -i postcss-dark-theme-class
2.0.0MIT^8.2.14>=20.0Log the AST nodes PostCSS is processing
npm -i @csstools/postcss-debug-logger
4.0.0MIT-0^8.4>=20.19.0Sorts CSS declarations fast and automatically in a certain order.
npm -i css-declaration-sorter
7.4.0ISC^8.0.9^14 || ^16 || >=18PostCSS plugin delete duplicate css in the file
npm -i postcss-delete-duplicate-css
1.0.0MIT^8.2.8>=10.0.0PostCSS plugin to convert design tokens to CSS custom properties and utility classes.
npm -i postcss-design-token-utils
3.0.4MIT^8.0.0PostCSS plugin that provides a function to retrieve design tokens expressed in JS or JSON, within CSS
npm -i postcss-design-tokens
1.3.0MIT^8.0.0>=12.0.0Use design tokens in your CSS
npm -i @csstools/postcss-design-tokens
5.0.2MIT-0^8.4>=20.19.0Use the :dir pseudo-class in CSS
npm -i postcss-dir-pseudo-class
10.0.0MIT-0^8.4>=20.19.0PostCSS plugin to add disabled attributes and disabled classes when the :disabled pseudo class is present.
npm -i postcss-disabled
2.0.0MIT^8.4.27>=18.0.0Discard comments in your CSS files with PostCSS.
npm -i postcss-discard-comments
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Discard duplicate rules in your CSS files with PostCSS.
npm -i postcss-discard-duplicates
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Discard empty rules and values with PostCSS.
npm -i postcss-discard-empty
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0PostCSS plugin to discard overridden @keyframes or @counter-style.
npm -i postcss-discard-overridden
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Discard unused counter styles, keyframes and fonts.
npm -i postcss-discard-unused
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Use double-position gradients in CSS
npm -i postcss-double-position-gradients
7.0.4MIT-0^8.4>=20.19.0PostCSS plugin to iterate through values
npm -i postcss-each
1.1.0MIT^8.0.0PostCSS plugin to create smooth linear-gradients that approximate easing functions.
npm -i @neurocracy/postcss-easing-gradients
3.0.2MIT^8.1.2>=10.0.0PostCSS plugin to replace easing names to cubic-bezier()
npm -i postcss-easings
4.0.0MIT^8.1.0>=16.0PostCSS plugin to inline @import rules content with extra features
npm -i postcss-easy-import
4.0.0MIT^8.4.6>=10.0.0Remove your editor-styles from the global scope
npm -i postcss-editor-styles-wrapper
1.0.1MIT-0^8.4^18 || >= 20PostCSS plugin for transforming min/max-width/height media queries to ems.
npm -i postcss-em-media-query
4.1.1MIT^8.1.1>=12PostCSS plugin to urlencode background svgs
npm -i postcss-encode-background-svgs
2.0.0MIT^8.4.31>=20Use env() variables in CSS
npm -i postcss-env-function
8.0.0MIT-0^8.4>=20.19.0Use pow(), sqrt(), hypot(), log(), exp() exponential functions in CSS
npm -i @csstools/postcss-exponential-functions
3.0.9MIT-0^8.4>=20.19.0Use the @extend at-rule and functional selectors in CSS
npm -i postcss-extend-rule
4.0.0CC0-1.0^8.4.6^12 || ^14 || >=16Extract bits of your CSS
npm -i @csstools/postcss-extract
5.0.0MIT-0^8.4>=20.19.0PostCSS plugin to extract rules with CSS variables
npm -i @lesjoursfr/postcss-extract-css-variables
3.0.5MIT^8.5.1522.x || 24.x || 26.xPostCSS plugin to extract all media query from CSS and emit as separate files.
npm -i postcss-extract-media-query
3.2.0MIT^8.0.0>=16.0.0Exclude/warn on duplicated PostCSS plugins.
npm -i postcss-filter-plugins
4.0.0MIT^8.0.0Use the fit tolerance property in css
npm -i @csstools/postcss-fit-tolerance-property
1.0.1MIT-0^8.4>=20.19.0A 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 This project tries to fix all of flexbug's issues
npm -i postcss-flexbugs-fixes
5.0.2MIT^8.1.4PostCSS plugin for Flexibility polyfill
npm -i postcss-flexibility
3.0.0MIT^8.0.0>=12.0.0PostCSS plugin: compile BEAM fluid(min, max) to clamp().
npm -i @beam-css/postcss-fluid
1.0.0MIT^8.4.0>=18.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 add :focus-visible selector to every :hover for keyboard accessibility
npm -i postcss-focus
7.0.0MIT^8.1.0^18.0.0 || >=20.0.0Use the :focus-visible pseudo-selector in CSS
npm -i postcss-focus-visible
11.0.0MIT-0^8.4>=20.19.0Use the :focus-within pseudo-selector in CSS
npm -i postcss-focus-within
10.0.1MIT-0^8.4>=20.19.0Use the system-ui font family in CSS
npm -i postcss-font-family-system-ui
5.0.0CC0-1.0^8.0.0Use unquoted format on @font-face CSS definitions.
npm -i @csstools/postcss-font-format-keywords
5.0.0MIT-0^8.4>=20.19.0It grabs remote font files and update your CSS, just like that.
npm -i postcss-font-grabber
3.1.0Apache-2.0^8.0.0>=14.0.0PostCSS plugin that magically generates all the @font-face rules
npm -i postcss-font-magician
4.0.0CC0-1.0^8.0.0>=18PostCSS plugin to transform W3C font-variant properties to more compatible CSS (font-feature-settings)
npm -i postcss-font-variant
5.0.0MIT^8.1.0Use the font-width property in CSS
npm -i @csstools/postcss-font-width-property
1.0.0MIT-0^8.4>=20.19.0PostCSS plugin to generate font icons from stylesheets.
npm -i postcss-fonticons
2.0.2MIT^8.4.14PostCSS plugin for exposing JavaScript functions
npm -i postcss-functions
4.0.2MIT^8.0.0Gamut map css colors to fit display specific gamuts
npm -i @csstools/postcss-gamut-mapping
3.0.16MIT-0^8.4>=20.19.0Use the gap, column-gap, and row-gap shorthand properties in CSS
npm -i postcss-gap-properties
7.0.0MIT-0^8.4>=20.19.0PostCSS plugin for glitch effect
npm -i postcss-glitch
7.0.2MIT^8.1.1>=18PostCSS plugin to define global data that will be injected into PostCSS for use in other plugins.
npm -i @csstools/postcss-global-data
4.0.0MIT-0^8.4>=20.19.0Use interpolation methods in CSS gradient functions
npm -i @csstools/postcss-gradients-interpolation-method
6.0.16MIT-0^8.4>=20.19.0A PostCSS plugin to keep CSS grids stupidly simple
npm -i postcss-grid-kiss
3.1.0MIT^8.2.14>=6.0.0PostCSS plugin for resetting CSS Grid.
npm -i postcss-grid-reset
1.0.3MIT^8.1.0>=10.0.0Style elements relative to other elements in CSS
npm -i css-has-pseudo
8.0.1MIT-0^8.4>=20.19.0PostCSS plugin that adds shorthand hex methods to rgba() values
npm -i postcss-hexrgba
2.1.0MIT^8.1.4PostCSS 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
5.0.16MIT-0^8.4>=20.19.0Use the ic length unit in CSS
npm -i postcss-ic-unit
2.0.0CC0-1.0^8.0.0Use the ic length unit
npm -i @csstools/postcss-ic-unit
5.0.6MIT-0^8.4>=20.19.0PostCSS plugin for Iconsauce
npm -i postcss-iconsauce
2.0.0MIT^8.0.0>=20.19Generate a solid-color image from any color
npm -i @csstools/postcss-image-function
1.0.6MIT-0^8.4>=20.19.0PostCSS plugin to inline images into css
npm -i postcss-image-inliner
7.0.1MIT^8.3.0>=16.10Display resolution-dependent images using the image-set() function in CSS
npm -i postcss-image-set-function
8.0.1MIT-0^8.4>=20.19.0PostCSS plugin to import CSS files
npm -i postcss-import
17.0.0MIT^8.0.0>=22.0.0A PostCSS plugin to extend postcss-import path resolver to allow glob usage as path
npm -i postcss-import-ext-glob
2.1.1MIT^8.2.0PostCSS plugin to reference an SVG file and inline it, optionally update currentColor references
npm -i postcss-import-svg
1.0.5MIT^8.1.4PostCSS plugin inlines remote files.
npm -i postcss-import-url
7.2.0MIT^8.0.0>=10PostCSS plugin to output @media definitions from include-media format.
npm -i postcss-include-media
1.1.1MIT^8.2.8>=10.0.0PostCSS plugin to fallback initial keyword.
npm -i postcss-initial
4.0.1MIT^8.0.0PostCSS plugin to fallback initial keyword.
npm -i @csstools/postcss-initial
3.0.0MIT-0^8.4>=20.19.0PostCSS plugin for encode the file to base64
npm -i postcss-inline-base64
7.3.1MIT>=8.0.0>=14.17Media queries shortcut on PostCSS
npm -i postcss-inline-media
1.5.0MIT^8.4.40PostCSS plugin to reference an SVG file and control its attributes with CSS syntax
npm -i postcss-inline-svg
6.0.0MIT^8.1.4Style range inputs with unprefixed pseudo-classes
npm -i postcss-input-range
6.0.0CC0-1.0^8.0.0>=18A pseudo-class for matching elements in a selector list
npm -i @csstools/postcss-is-pseudo-class
6.0.3MIT-0^8.4>=20.19.0PostCSS plugin to insert variables from a data source based on discovered usage
npm -i postcss-jit-props
1.0.16Apache-2.0^8.2.8>=10.0.0Use lab() and lch() color functions in CSS
npm -i postcss-lab-function
8.0.12MIT-0^8.4>=20.19.0Use the light-dark() color function in CSS
npm -i @csstools/postcss-light-dark-function
3.0.7MIT-0^8.4>=20.19.0Use logical properties and values in CSS
npm -i postcss-logical
9.0.0MIT-0^8.4>=20.19.0Use flow-relative (inline-start and inline-end) values for float and clear
npm -i @csstools/postcss-logical-float-and-clear
4.0.0MIT-0^8.4>=20.19.0Use logical overflow properties and values in CSS
npm -i @csstools/postcss-logical-overflow
3.0.0MIT-0^8.4>=20.19.0Use logical overscroll behavior properties and values in CSS
npm -i @csstools/postcss-logical-overscroll-behavior
3.0.0MIT-0^8.4>=20.19.0Use logical values in the resize property
npm -i @csstools/postcss-logical-resize
4.0.0MIT-0^8.4>=20.19.0Use vb and vi length units in CSS
npm -i @csstools/postcss-logical-viewport-units
4.0.3MIT-0^8.4>=20.19.0LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.
npm -i lost
9.0.2MIT^8.4.14Using more intuitive `>=`, `<=`, `>`, `<` instead of media queries min/max prefix.
npm -i postcss-media-minmax
5.0.0MIT^8.1.0>=10.0.0Use the range notation in CSS media queries
npm -i @csstools/postcss-media-minmax
3.0.8MIT^8.4>=20.19.0Use number values in aspect-ratio media queries.
npm -i @csstools/postcss-media-queries-aspect-ratio-number-values
4.0.2MIT-0^8.4>=20.19.0PostCSS plugin for merging and nesting CSS at rules
npm -i postcss-merge-at-rules
2.0.1MIT^8.4.38>=20.19.3Merge keyframe and counter style identifiers.
npm -i postcss-merge-idents
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Merge longhand properties into shorthand with PostCSS.
npm -i postcss-merge-longhand
9.0.4MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Merge CSS rules with PostCSS.
npm -i postcss-merge-rules
9.0.4MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0PostCSS plugin for combining css rules (selectors) that have fully/partially identical declarations
npm -i postcss-merge-rules-plus
2.0.0MIT^8.3.0>=12.0.0PostCSS plugin to remove comments and unnecessary whitespace from CSS files
npm -i postcss-minify
1.2.0MIT^8.0A very basic CSS minifier
npm -i @csstools/postcss-minify
3.0.2MIT-0^8.4>=20.19.0Minify font declarations with PostCSS
npm -i postcss-minify-font-values
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Minify gradient parameters with PostCSS.
npm -i postcss-minify-gradients
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Minify at-rule params with PostCSS
npm -i postcss-minify-params
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Minify selectors with PostCSS.
npm -i postcss-minify-selectors
9.0.4MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0PostCSS plugin for mixins
npm -i postcss-mixins
12.1.2MIT^8.2.14^20.0 || ^22.0 || >=24.0Use mixins in CSS
npm -i @csstools/postcss-mixins
1.1.0MIT-0^8.4>=20.19.0PostCSS 伸缩视图转换插件。To adapt different displays by one mobile viewport.
npm -i postcss-mobile-forever
5.0.0MIT^8.0.0PostCSS plugin to modify CSS selectors
npm -i modify-selectors
2.0.0MIT^8.0.0>=10.0.0PostCSS plugin to use CSS Modules everywhere
npm -i postcss-modules
9.0.1MIT^8.0.0>=20.6PostCSS plugin to use CSS Modules everywhere
npm -i @carbonorm/postcss-modules
6.0.2MIT^8.0.0A CSS Modules transform to make local scope the default
npm -i postcss-modules-local-by-default
4.2.0MIT^8.1.0^10 || ^12 || >= 14PostCSS plugin to work around CSS Modules values limitations
npm -i postcss-modules-values-replace
4.2.2ISC^8.2.9PostCSS plugin for adding 'momentum' style scrolling behavior (-webkit-overflow-scrolling: touch) for elements with overflow (scroll, auto) on iOS
npm -i postcss-momentum-scrolling
3.14.22MIT^8.3.6>=10.0.0PostCSS plugin that gives media query rules precedence by moving them to the end of the file
npm -i postcss-mq-last
2.0.0MIT^8.0.0PostCSS plugin Removes invalid media queries or its expresions
npm -i postcss-mq-optimize
2.2.0MIT^8.5.822.21.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
8.0.1MIT^8.2.14^22.0.0 || ^24.0.0 || >= 26.0.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
5.0.2MIT-0^8.4>=20.19.0PostCSS plugin for importing other stylesheet source files anywhere in your CSS.
npm -i postcss-nested-import
1.3.0MIT^8.3.0>=12.0Postcss 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.0Nest rules inside each other in CSS
npm -i postcss-nesting
14.0.1MIT-0^8.4>=20.19.0PostCSS plugin for delete declarations !important
npm -i postcss-no-important
11.0.0MIT^8.0.0A PostCSS plugin to parse styles with node-sass
npm -i postcss-node-sass
3.1.4MIT^8.x.x>=10.0.0 <23.0.0Use the parts of normalize.css or sanitize.css you need from your browserslist
npm -i postcss-normalize
13.0.1CC0-1.0>= 8>= 18Add necessary or remove extra charset with PostCSS
npm -i postcss-normalize-charset
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Use two values display syntax for inner and outer display types.
npm -i @csstools/postcss-normalize-display-values
5.0.1MIT-0^8.4>=20.19.0Normalize keyword values for position into length values.
npm -i postcss-normalize-positions
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Normalize wrapping quotes for CSS string literals.
npm -i postcss-normalize-string
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Normalize unicode-range descriptors, and can convert to wildcard ranges.
npm -i postcss-normalize-unicode
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Normalize URLs with PostCSS
npm -i postcss-normalize-url
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Trim whitespace inside and around CSS rules & declarations.
npm -i postcss-normalize-whitespace
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Use oklab() and oklch() color functions in CSS
npm -i @csstools/postcss-oklab-function
5.0.15MIT-0^8.4>=20.19.0PostCSS plugin that polyfill W3C's CSS proposal to support logical properties and values
npm -i postcss-old-safari-logical-properties-polyfill
1.0.1MIT^8>=12PostCSS plugin to transform percentage-based opacity values to more compatible floating-point values.
npm -i postcss-opacity-percentage
3.0.0MIT^8.4>=18Ensure values are ordered consistently in your CSS.
npm -i postcss-ordered-values
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Postcss plugin which provides fallbacks for `overflow: clip` and `overflow: overlay`
npm -i postcss-overflow-fallbacks
1.0.7MIT>=8.0.0>=14.0.0Use the overflow shorthand in CSS
npm -i postcss-overflow-shorthand
7.0.0MIT-0^8.4>=20.19.0PostCSS plugin postcss-page-break to fallback `break-` properties with `page-break-` alias
npm -i postcss-page-break
3.0.4MIT^8A CSS post-processor that generates pixel fallbacks for rem units.
npm -i postcss-pixrem
6.0.6BSD-3-Clause>=8.0.0>=10Use a place-* shorthand for align-* and justify-* in CSS
npm -i postcss-place
11.0.0MIT-0^8.4>=20.19.0PostCSS plugin that uses Eik defined import map files to transform bare import specifiers to absolute URLs in @import rules
npm -i @eik/postcss-plugin
5.0.32MIT^8.0.0>=20Shopify's org-wide PostCSS preset
npm -i @shopify/postcss-plugin
5.0.4MIT^8.2.8PostCSS plugin that ignore a file with a comment
npm -i postcss-plugin-ignore-file
1.0.1MIT^8.3.0>=18.0.0A Tailwind-first PostCSS plugin that turns a single line of CSS into every theme — light, dark, brand, and beyond.
npm -i polytheme
1.0.14MIT^8.4.0Fallback `position-area` to the alternate name `inset-area`
npm -i @csstools/postcss-position-area-property
2.0.0MIT-0^8.4>=20.19.0PostCSS plugin for Yumma CSS
npm -i @yummacss/postcss
4.1.2MIT^8.0.0Use light and dark color schemes in all browsers
npm -i css-prefers-color-scheme
11.0.1MIT-0^8.4>=20.19.0PostCSS 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.2.1MIT^8.0.0postcss plugin to prefix all css selector classes and ids
npm -i postcss-prefixer
3.0.0MIT^8.0.0^10 || ^12 || >=14Convert modern CSS into something browsers understand
npm -i postcss-preset-env
11.5.3MIT-0^8.4>=20.19.0Declare private custom properties
npm -i @csstools/postcss-private-rule
1.1.1MIT-0^8.4>=20.19.0Correctly declare progressive enhancements for CSS Custom Properties.
npm -i @csstools/postcss-progressive-custom-properties
5.1.4MIT-0^8.4>=20.19.0PostCSS plugin that allows referencing property values without a variable
npm -i postcss-property-lookup
3.0.0MIT^8.2.15>= 10Omit optional descriptors in at-property rules
npm -i @csstools/postcss-property-rule-optional-descriptors
1.0.0MIT-0^8.4>=20.19.0Declare a list of custom properties in a single at-property rule
npm -i @csstools/postcss-property-rule-prelude-list
2.0.3MIT-0^8.4>=20.19.0PostCSS plugin to make layouts responsively proportional
npm -i postcss-proportional
1.0.0MIT^8.4.27>=18.0.0Use the :any-link pseudo-class in CSS
npm -i postcss-pseudo-class-any-link
11.0.0MIT-0^8.4>=20.19.0A 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.0A CSS post-processor that converts px to rem.
npm -i postcss-pxtorem-vite-vue2
6.0.0MIT^8.0.0PostCSS plugin that converts px units to rpx/rem/vw/px for multiple platforms.
npm -i postcss-pxtrans
1.0.5MIT^8PostCSS plugin px 转小程序 rpx及h5 rem 单位
npm -i postcss-pxtransform
4.2.1MIT^8>= 18Use the random function in CSS
npm -i @csstools/postcss-random-function
4.0.5MIT-0^8.4>=20.19.0Zero 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
3.0.2MIT-0^8.4>=20.19.0Reduce custom identifiers with PostCSS.
npm -i postcss-reduce-idents
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Reduce initial definitions to the actual initial value, where possible.
npm -i postcss-reduce-initial
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0PostCSS 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
4.0.15MIT-0^8.4>=20.19.0Convert rem units to px or rpx units using PostCSS. Based on postcss-pxtorem and postcss-rem-to-pixel, and rewrite with typescript, and support Postcss8
npm -i postcss-rem-to-responsive-pixel
7.0.6MIT^8>=16.6.0Convert rem units to viewport units using PostCSS.
npm -i postcss-rem-to-viewport
2.0.6MIT^8🚀 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 remove Google Fonts
npm -i postcss-remove-google-fonts
1.2.4GPL-3.0-only^8.4.33PostCSS plugin for replacing strings.
npm -i postcss-replace
2.0.1MIT^8.4^12 || ^14 || >=16PostCSS 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
3.0.2MIT-0^8.4>=20.19.0PostCSS plugin that rounds sub-pixel values to the nearest full pixel.
npm -i postcss-round-subpixels
2.0.0MIT^8.0.0PostCSS plugin for RTL-optimizations
npm -i postcss-rtl
2.0.0MIT^8.0.0>=14.0.0PostCSS plugin for RTL-optimizations
npm -i @mjhenkes/postcss-rtl
2.0.0MIT^8.0.0>=0.12PostCSS plugin to build Cascading Style Sheets (CSS) with Left-To-Right (LTR) and Right-To-Left (RTL) rules
npm -i postcss-rtlcss
6.0.0Apache-2.0^8.4.21>=18.0.0Use 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
5.0.0MIT-0^8.4>=20.19.0PostCSS plugin that adds a user input scope to each selector
npm -i postcss-scopify
1.0.0MIT^8.3.0PostCSS plugin to transform :not() W3C CSS level 4 pseudo class to :not() CSS level 3 selectors
npm -i postcss-selector-not
9.0.0MIT^8.4>=20.19.0PostCSS plugin to add a selector prefix to all selectors.
npm -i postcss-selector-prefix
5.0.6MIT^8.0.0>=20.0.0A PostCSS plugin to rename css selector
npm -i postcss-selector-rename
3.0.2MIT^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.0Use sign and abs functions in CSS
npm -i @csstools/postcss-sign-functions
2.0.9MIT-0^8.4>=20.19.0PostCSS plugin for Sass-like variables
npm -i postcss-simple-vars
7.0.1MIT^8.2.1>=14.0PostCSS plugin for size shortcut
npm -i postcss-size
5.0.0MIT^8.1.0>=18.0Identify slow plugins in your PostCSS config
npm -i @csstools/postcss-slow-plugins
3.0.0MIT-0^8.4>=20.19.0PostCSS plugin for sorting and combining CSS media queries with mobile first / **desktop first methodologies
npm -i postcss-sort-media-queries
6.7.1MIT^8.5.21>=20.0.0PostCSS plugin to keep rules and at-rules content in order.
npm -i postcss-sorting
10.0.0MIT^8.4.20A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin.
npm -i postcss-sparrow
1.0.2MIT^8.1.0>=8.0.0PostCSS plugin that helps you with spring easings
npm -i postcss-spring
1.3.0MIT^8.0.0>=21.0.0A better way to manage z-indexes
npm -i postcss-stack
5.0.0MIT^8.3.6>=12.0.0Use round, rem and mod functions in CSS
npm -i @csstools/postcss-stepped-value-functions
5.0.9MIT-0^8.4>=20.19.0Detect/remove browser hacks from CSS files.
npm -i stylehacks
9.0.4MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Optimise inline SVG with PostCSS.
npm -i postcss-svgo
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0Use the syntax production in syntax descriptors
npm -i @csstools/postcss-syntax-descriptor-syntax-production
2.0.1MIT-0^8.4>=20.19.0Use the `system-ui` keyword
npm -i @csstools/postcss-system-ui-font-family
2.0.3MIT-0^8.4>=20.19.0Use text-decoration in it's shorthand form in CSS
npm -i @csstools/postcss-text-decoration-shorthand
5.0.7MIT-0^8.4>=20.19.0PostCSS plugin to generate theme colors.
npm -i @wordpress/postcss-themes
6.56.0GPL-2.0-or-later^8.0.0>=18.12.0Write TODOs in CSS that ensure you actually do them.
npm -i @csstools/postcss-todo-or-die
4.0.2MIT-0^8.4>=20.19.0Token-driven utility CSS generator for PostCSS with JIT-style injection.
npm -i postcss-token-utilities
1.7.0MIT^8.4^14 || ^16 || >=18Use sin(), cos(), tan(), acos(), atan(), and atan2() to compute trigonometric relationships
npm -i @csstools/postcss-trigonometric-functions
5.0.9MIT-0^8.4>=20.19.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.0Ensure CSS selectors are unique.
npm -i postcss-unique-selectors
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.0PostCSS plugin to process CSS unit values via a custom function. Convert px to rem, px to vw, or apply any unit transformation.
npm -i postcss-unit-processor
1.4.3MIT^8.0.0Use the unset keyword in CSS.
npm -i @csstools/postcss-unset-value
5.0.0MIT-0^8.4>=20.19.0PostCSS plugin to rebase or inline on url().
npm -i postcss-url
10.1.4MIT^8.0.0>=10PostCSS plugin Rebase URLs to a given root URL.
npm -i postcss-urlrebase
1.4.0MIT^8.3.0PostCSS plugin for css url revision
npm -i postcss-urlrev
3.0.1MIT^8.4.12^10 || ^12 || >=14PostCSS plugin to generate fluid typopgraphy and space scales
npm -i postcss-utopia
1.1.0MIT^8.4.33PostCSS plugin Adds fallback values to var(name) occurences.
npm -i postcss-var-func-fallback
3.0.1MIT^8>= 14PostCSS 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 cleans up the variable names and saves space. It can will reduce your css variable to smaller variables
npm -i postcss-variable-compress
3.0.0MIT^8.2.8>=10.0.0postcss plugin to prefix all css custom properties
npm -i postcss-variables-prefixer
1.2.0MIT^8.2.13>=10.0.0PostCSS plugin to fix height/min-height: 100vh on iOS
npm -i postcss-100vh-fix
2.0.0MIT^8.1.0>=20.0PostCSS plugin size based on the viewport polyfill
npm -i postcss-view-sizes
1.0.0MIT^8.4.27>=18.0.0PostCSS plugin that adds classic fallbacks for all dynamic/small/large viewport units (dvh, svh, lvh, dvw, dvmin, ...).
npm -i postcss-viewport-fallback
1.6.1MIT^8.0.0>=20PostCSS plugin which watches folder for new files
npm -i postcss-watch-folder
2.0.0MIT^8.0.0PostCSS plugin to insert 3D hack before will-change property
npm -i postcss-will-change
4.0.1MIT^8.1.0>=10.0PostCSS plugin for Windi CSS
npm -i postcss-windicss
1.0.0MIT^8.0.0Reduce z-index values with PostCSS.
npm -i postcss-zindex
9.0.3MIT^8.5.28^22.22.3 || ^24.15.0 || >=26.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.