A directory with 252 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>=18PostCSS 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>=10PostCSS Atomizer plugin
npm -i postcss-atomizer
1.0.2BSD-3-Clause^8.3.0>=16.0Enable support for case insensitive attribute matching in selectors
npm -i postcss-attribute-case-insensitive
7.0.1MIT^8.4>=18Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website
npm -i autoprefixer
10.4.20MIT^8.1.0^10 || ^12 || >=14Style form elements when they are empty
npm -i css-blank-pseudo
7.0.1MIT-0^8.4>=18Keep only the CSS you need based on comments and your browserslist
npm -i postcss-browser-comments
6.0.1MIT-0^8.4>=18Bundle CSS
npm -i @csstools/postcss-bundler
2.0.5MIT-0^8.4>=18PostCSS plugin to reduce calc()
npm -i postcss-calc
10.0.2MIT^8.4.38^18.12 || ^20.9 || >=22.0Use cascade layers in CSS
npm -i @csstools/postcss-cascade-layers
5.0.1MIT-0^8.4>=18PostCSS 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.6Generates 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.14PostCSS plugin for convert colors.
npm -i postcss-color-converter
1.1.2MIT^8.0.0>=8.3.0Use the color() function in CSS
npm -i @csstools/postcss-color-function
4.0.6MIT-0^8.4>=18Use space and slash separated color notation in CSS
npm -i postcss-color-functional-notation
7.0.6MIT-0^8.4>=18Use 4 & 8 character hex color notation in CSS
npm -i postcss-color-hex-alpha
10.0.0MIT^8.4>=18Use the color-mix function in CSS
npm -i @csstools/postcss-color-mix-function
3.0.6MIT-0^8.4>=18Modify 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
10.0.0MIT-0^8.4>=18PostCSS plugin to keep a watchful eye on your css colors
npm -i postcss-colorguard
2.0.22Apache-2.0>8.0.0>=18.0.0Minify colors in your CSS files with PostCSS.
npm -i postcss-colormin
7.0.2MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.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.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^8Generate fallback values for content with alt text
npm -i @csstools/postcss-content-alt-text
2.0.4MIT-0^8.4>=18Dynamically specify a text color with adequate contrast
npm -i @csstools/postcss-contrast-color-function
2.0.6MIT-0^8.4>=18Convert values with PostCSS (e.g. ms -> s)
npm -i postcss-convert-values
7.0.4MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0PostCSS plugin to apply CSScomb
npm -i postcss-csscomb
4.0.0MIT^8.2.4>=12A modular minifier, built on top of the PostCSS ecosystem.
npm -i cssnano
7.0.6MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Use Custom Media Queries in CSS
npm -i postcss-custom-media
11.0.5MIT^8.4>=18PostCSS 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
14.0.4MIT^8.4>=18Adds 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
8.0.4MIT^8.4>=18CSS solution for light/dark/auto theme switcher for websites
npm -i postcss-dark-theme-class
1.3.0MIT^8.2.14>=18.0Log the AST nodes PostCSS is processing
npm -i @csstools/postcss-debug-logger
3.0.0MIT-0^8.4>=18Sorts CSS declarations fast and automatically in a certain order.
npm -i css-declaration-sorter
7.2.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.1MIT^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
4.0.4MIT-0^8.4>=18Use the :dir pseudo-class in CSS
npm -i postcss-dir-pseudo-class
9.0.1MIT-0^8.4>=18Discard comments in your CSS files with PostCSS.
npm -i postcss-discard-comments
7.0.3MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Discard duplicate rules in your CSS files with PostCSS.
npm -i postcss-discard-duplicates
7.0.1MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Discard empty rules and values with PostCSS.
npm -i postcss-discard-empty
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0PostCSS plugin to discard overridden @keyframes or @counter-style.
npm -i postcss-discard-overridden
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Discard unused counter styles, keyframes and fonts.
npm -i postcss-discard-unused
7.0.3MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Use double-position gradients in CSS
npm -i postcss-double-position-gradients
6.0.0MIT-0^8.4>=18PostCSS 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>=12Use 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.5MIT-0^8.4>=18Use 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
4.0.1MIT-0^8.4>=18PostCSS plugin to extract all media query from CSS and emit as separate files.
npm -i postcss-extract-media-query
3.0.0MIT^8.0.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.4MIT^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 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 for fluid typography with first-class Tailwind CSS support
npm -i fluid-clamp
1.0.2MIT^8.0.0>=14.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
10.0.1MIT-0^8.4>=18Use the :focus-within pseudo-selector in CSS
npm -i postcss-focus-within
9.0.1MIT-0^8.4>=18Use 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
4.0.0MIT-0^8.4>=18It 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 that magically generates all the @font-face rules, with updated packages for security.
npm -i @tinycreek/postcss-font-magician
4.2.0CC0-1.0^8.4.31>=14PostCSS plugin to transform W3C font-variant properties to more compatible CSS (font-feature-settings)
npm -i postcss-font-variant
5.0.0MIT^8.1.0PostCSS plugin to generate font icons from stylesheets.
npm -i postcss-fonticons
2.0.2MIT^8.4.14A PostCSS plugin for optimizing font loading layout shifts using fontpie!
npm -i postcss-fontpie
2.0.1Apache-2.0^8>= 18PostCSS 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
2.0.6MIT-0^8.4>=18Use the gap, column-gap, and row-gap shorthand properties in CSS
npm -i postcss-gap-properties
6.0.0MIT-0^8.4>=18PostCSS plugin to define global data that will be injected into PostCSS for use in other plugins.
npm -i @csstools/postcss-global-data
3.0.0MIT-0^8.4>=18Use interpolation methods in CSS gradient functions
npm -i @csstools/postcss-gradients-interpolation-method
5.0.6MIT-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 for resetting CSS Grid.
npm -i postcss-grid-reset
1.0.2MIT^8.1.0>=10.0.0Style elements relative to other elements in CSS
npm -i css-has-pseudo
7.0.1MIT-0^8.4>=18PostCSS plugin that adds shorthand hex methods to rgba() values
npm -i postcss-hexrgba
2.1.0MIT^8.1.4PostCSS High Contrast is PostCSS plugin that helps automatically converts all colors to high contrast and append it to the original css - forked from: shiwaforce/postcss-high-contrast
npm -i @webgarden/postcss-high-contrast
2.0.1MIT^8.0.0>=10.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.6MIT-0^8.4>=18Use the ic length unit
npm -i @csstools/postcss-ic-unit
4.0.0MIT-0^8.4>=18PostCSS plugin for Iconsauce
npm -i postcss-iconsauce
1.4.1MIT^8.0.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
7.0.0MIT-0^8.4>=18PostCSS plugin to import CSS files
npm -i postcss-import
16.1.0MIT^8.0.0>=18.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 that uses Eik defined import map files to transform bare import specifiers to absolute URLs in @import rules
npm -i @eik/postcss-import-map
2.0.4MIT^8.0.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
2.0.0MIT-0^8.4>=18PostCSS 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
5.0.1MIT-0^8.4>=18PostCSS plugin to insert variables from a data source based on discovered usage
npm -i postcss-jit-props
1.0.14Apache-2.0^8.2.8>=10.0.0Use lab() and lch() color functions in CSS
npm -i postcss-lab-function
7.0.6MIT-0^8.4>=18PostCSS plugin to generate relative, Photoshop-compatible letter tracking for improved letter spacing.
npm -i postcss-letter-tracking
2.0.0MIT^8.0.0Use the light-dark() color function in CSS
npm -i @csstools/postcss-light-dark-function
2.0.7MIT-0^8.4>=18Use logical properties and values in CSS
npm -i postcss-logical
8.0.0MIT-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 overflow properties and values in CSS
npm -i @csstools/postcss-logical-overflow
2.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>=18Use logical values in the resize property
npm -i @csstools/postcss-logical-resize
3.0.0MIT-0^8.4>=18Use vb and vi length units in CSS
npm -i @csstools/postcss-logical-viewport-units
3.0.3MIT-0^8.4>=18LostGrid 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
2.0.5MIT^8.4>=18Use number values in aspect-ratio media queries.
npm -i @csstools/postcss-media-queries-aspect-ratio-number-values
3.0.4MIT-0^8.4>=18PostCSS plugin for applying gap on max-width/height media queries.
npm -i postcss-media-query-gap
4.1.1MIT^8.1.1>=12PostCSS plugin for merging and nesting CSS at rules
npm -i postcss-merge-at-rules
1.2.0MIT^8.4.38>=14.0.0Merge keyframe and counter style identifiers.
npm -i postcss-merge-idents
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Merge longhand properties into shorthand with PostCSS.
npm -i postcss-merge-longhand
7.0.4MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Merge CSS rules with PostCSS.
npm -i postcss-merge-rules
7.0.4MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.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.1.0MIT^8.0A very basic CSS minifier
npm -i @csstools/postcss-minify
2.0.3MIT-0^8.4>=18Minify font declarations with PostCSS
npm -i postcss-minify-font-values
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Minify gradient parameters with PostCSS.
npm -i postcss-minify-gradients
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Minify at-rule params with PostCSS
npm -i postcss-minify-params
7.0.2MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Minify selectors with PostCSS.
npm -i postcss-minify-selectors
7.0.4MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0PostCSS plugin for mixins
npm -i postcss-mixins
11.0.3MIT^8.2.14^18.0 || ^ 20.0 || >= 22.0一款 postcss 插件，让移动端视图处处可访问。To adapt different displays by one mobile viewport.
npm -i postcss-mobile-forever
4.2.4MIT^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
6.0.1MIT^8.0.0PostCSS plugin to use CSS Modules everywhere
npm -i @wixc3/postcss-modules
6.1.1MIT^8.0.0A CSS Modules transform to make local scope the default
npm -i postcss-modules-local-by-default
4.1.0MIT^8.1.0^10 || ^12 || >= 14PostCSS plugin to work around CSS Modules values limitations
npm -i postcss-modules-values-replace
4.2.0ISC^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 Removes invalid media queries or its expresions
npm -i postcss-mq-optimize
2.0.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 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
13.0.1MIT-0^8.4>=18PostCSS plugin for delete declarations !important
npm -i postcss-no-important
10.0.7MIT^8.4.38A 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
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Use two values display syntax for inner and outer display types.
npm -i @csstools/postcss-normalize-display-values
4.0.0MIT-0^8.4>=18Normalize keyword values for position into length values.
npm -i postcss-normalize-positions
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Normalize wrapping quotes for CSS string literals.
npm -i postcss-normalize-string
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Normalize unicode-range descriptors, and can convert to wildcard ranges.
npm -i postcss-normalize-unicode
7.0.2MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Normalize URLs with PostCSS
npm -i postcss-normalize-url
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Trim whitespace inside and around CSS rules & declarations.
npm -i postcss-normalize-whitespace
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Nth-Grid is a versatile semantic CSS grid system with legacy browser support for Less, PostCSS, Sass, and Stylus.
npm -i nth-grid
1.0.0MIT^8.0.0Use oklab() and oklch() color functions in CSS
npm -i @csstools/postcss-oklab-function
4.0.6MIT-0^8.4>=18PostCSS 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
7.0.1MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Use the overflow shorthand in CSS
npm -i postcss-overflow-shorthand
6.0.0MIT-0^8.4>=18PostCSS plugin postcss-page-break to fallback `break-` properties with `page-break-` alias
npm -i postcss-page-break
3.0.4MIT^8Beautify 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.12A CSS post-processor that generates pixel fallbacks for rem units.
npm -i postcss-pixrem
6.0.2BSD-3-Clause>=8.0.0>=10Use a place-* shorthand for align-* and justify-* in CSS
npm -i postcss-place
10.0.0MIT-0^8.4>=18PostCSS plugin that uses Eik defined import map files to transform bare import specifiers to absolute URLs in @import rules
npm -i @eik/postcss-plugin
4.0.6MIT^8.0.0Sharegate 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.2MIT^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.0PostCSS plugin Remove important statements
npm -i postcss-plugin-remove-important
1.0.1MIT^8.4.27>=18.0.0PostCSS plugin to polyfill flex gap
npm -i postcss-polyfill-flex-gap
1.0.0MIT^8.4.27>=18.0.0Use 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.0MIT^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
10.1.1MIT-0^8.4>=18Correctly declare progressive enhancements for CSS Custom Properties.
npm -i @csstools/postcss-progressive-custom-properties
4.0.0MIT-0^8.4>=18PostCSS plugin that allows referencing property values without a variable
npm -i postcss-property-lookup
3.0.0MIT^8.2.15>= 10PostCSS 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
10.0.1MIT-0^8.4>=18A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).
npm -i @jonny1994/postcss-px-to-viewport
1.1.0MIT>=8.0.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 px 转小程序 rpx及h5 rem 单位
npm -i postcss-pxtransform
4.0.7MIT^8>= 18Use the random function in CSS
npm -i @csstools/postcss-random-function
1.0.1MIT-0^8.4>=18Rebase url() functions when transforming CSS
npm -i @csstools/postcss-rebase-url
2.0.4MIT-0^8.4>=18Reduce custom identifiers with PostCSS.
npm -i postcss-reduce-idents
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Reduce initial definitions to the actual initial value, where possible.
npm -i postcss-reduce-initial
7.0.2MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.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
3.0.6MIT-0^8.4>=18A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.
npm -i postcss-remove-duplicate-values
1.0.0MIT^8.4PostCSS plugin to remove font faces by format
npm -i postcss-remove-font-face-format
4.0.2MIT^8.4.0>=18.0.0PostCSS 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
2.0.4MIT-0^8.4>=18PostCSS 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
5.5.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
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 transform :not() W3C CSS level 4 pseudo class to :not() CSS level 3 selectors
npm -i postcss-selector-not
8.0.1MIT^8.4>=18PostCSS 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.0Use sign and abs functions in CSS
npm -i @csstools/postcss-sign-functions
1.1.0MIT-0^8.4>=18PostCSS plugin for Sass-like variables
npm -i postcss-simple-vars
7.0.1MIT^8.2.1>=14.0PostCSS plugin for manipulating the CSS in a single-spa application to best achieve scoped CSS
npm -i postcss-single-spa-scoped
1.5.0MIT^8.3.0>=16.0.0PostCSS plugin for size shortcut
npm -i postcss-size
5.0.0MIT^8.1.0>=18.0PostCSS plugin for fluid typography using modern CSS clamp()
npm -i postcss-size-clamp
1.0.1MIT^8.0.0Identify slow plugins in your PostCSS config
npm -i @csstools/postcss-slow-plugins
2.0.0MIT-0^8.4>=18PostCSS plugin to rebase or inline on url().
npm -i postcss-smart-asset
3.1.0MIT^8.4.12>=14PostCSS plugin for sorting and combining CSS media queries with mobile first / **desktop first methodologies
npm -i postcss-sort-media-queries
5.2.0MIT^8.4.23>=14.0.0PostCSS plugin to keep rules and at-rules content in order.
npm -i postcss-sorting
9.1.0MIT^8.4.20A 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
4.0.5MIT-0^8.4>=18Detect/remove browser hacks from CSS files.
npm -i stylehacks
7.0.4MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Optimise inline SVG with PostCSS.
npm -i postcss-svgo
7.0.1MIT^8.4.31^18.12.0 || ^20.9.0 || >= 18Use text-decoration in it's shorthand form in CSS
npm -i @csstools/postcss-text-decoration-shorthand
4.0.1MIT-0^8.4>=18PostCSS plugin to generate theme colors.
npm -i @wordpress/postcss-themes
6.12.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
3.0.4MIT-0^8.4>=18Use sin(), cos(), tan(), acos(), atan(), and atan2() to compute trigonometric relationships
npm -i @csstools/postcss-trigonometric-functions
4.0.5MIT-0^8.4>=18Generates 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
7.0.3MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.0Use the unset keyword in CSS.
npm -i @csstools/postcss-unset-value
4.0.0MIT-0^8.4>=18PostCSS plugin to rebase or inline on url().
npm -i postcss-url
10.1.3MIT^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.0MIT^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.0Generates a comment block with all CSS variables from the specified file to improve readability and provide documentation. The block is added at the beginning of the file, or in the first <style> block for non-CSS files, if available.
npm -i css-vars-docs
1.1.1MIT8.4.49>=14PostCSS plugin to fix height/min-height: 100vh on iOS
npm -i postcss-100vh-fix
1.0.2MIT^8.1.0>=10.0PostCSS 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
7.0.0MIT^8.4.31^18.12.0 || ^20.9.0 || >=22.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.