PostCSS logo

PostCSS Plugin Directory

A directory with 249 PostCSS plugins.
This list aims to only show plugins that you can use today.

Criteria


Directory

@classicmike/postcss-shadrem (undefined)

This 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
npm -i @classicmike/postcss-shadrem
Version
1.1.0
License
MIT
PostCSS version range
^8.4.27
Node version range
>=16.0.0

@csstools/postcss-bundler (undefined)

Bundle CSS

npm
npm -i @csstools/postcss-bundler
Version
2.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • bundler
  • import
  • url

@csstools/postcss-cascade-layers (undefined)

Use cascade layers in CSS

npm
npm -i @csstools/postcss-cascade-layers
Version
5.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • cascade
  • layers
  • selector
  • specificity

@csstools/postcss-color-function (undefined)

Use the color() function in CSS

npm
npm -i @csstools/postcss-color-function
Version
4.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • display-p3
  • prophoto-rgb
  • rec2020
  • rgb
  • rgba
  • srgb-linear

@csstools/postcss-color-mix-function (undefined)

Use the color-mix function in CSS

npm
npm -i @csstools/postcss-color-mix-function
Version
3.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color-mix
  • display-p3
  • interpolation
  • prophoto-rgb
  • rec2020
  • rgb
  • rgba
  • srgb-linear

@csstools/postcss-content-alt-text (undefined)

Generate fallback values for content with alt text

npm
npm -i @csstools/postcss-content-alt-text
Version
2.0.4
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • accessibility
  • alt
  • content
  • fallback

@csstools/postcss-debug-logger (undefined)

Log the AST nodes PostCSS is processing

npm
npm -i @csstools/postcss-debug-logger
Version
3.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • debug

@csstools/postcss-design-tokens (undefined)

Use design tokens in your CSS

npm
npm -i @csstools/postcss-design-tokens
Version
4.0.4
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • design-tokens

@csstools/postcss-exponential-functions (undefined)

Use pow(), sqrt(), hypot(), log(), exp() exponential functions in CSS

npm
npm -i @csstools/postcss-exponential-functions
Version
2.0.5
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • exp
  • exponential
  • hypot
  • log
  • pow
  • sqrt

@csstools/postcss-extract (undefined)

Extract bits of your CSS

npm
npm -i @csstools/postcss-extract
Version
4.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18

@csstools/postcss-font-format-keywords (undefined)

Use unquoted format on @font-face CSS definitions.

npm
npm -i @csstools/postcss-font-format-keywords
Version
4.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18

@csstools/postcss-gamut-mapping (undefined)

Gamut map css colors to fit display specific gamuts

npm
npm -i @csstools/postcss-gamut-mapping
Version
2.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • display-p3
  • gamut mapping
  • p3
  • rec2020
  • srgb
  • wide gamut

@csstools/postcss-global-data (undefined)

PostCSS plugin to define global data that will be injected into PostCSS for use in other plugins.

npm
npm -i @csstools/postcss-global-data
Version
3.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • productivity

@csstools/postcss-gradients-interpolation-method (undefined)

Use interpolation methods in CSS gradient functions

npm
npm -i @csstools/postcss-gradients-interpolation-method
Version
5.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • color space interpolation
  • gradients
  • hue interpolation method
  • interpolation
  • linear
  • radial
  • repeating

@csstools/postcss-hwb-function (undefined)

Use hwb() color functions in CSS

npm
npm -i @csstools/postcss-hwb-function
Version
4.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • hwb

@csstools/postcss-ic-unit (undefined)

Use the ic length unit

npm
npm -i @csstools/postcss-ic-unit
Version
4.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • glyph
  • ic

@csstools/postcss-initial (undefined)

PostCSS plugin to fallback initial keyword.

npm
npm -i @csstools/postcss-initial
Version
2.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18

@csstools/postcss-is-pseudo-class (undefined)

A pseudo-class for matching elements in a selector list

npm
npm -i @csstools/postcss-is-pseudo-class
Version
5.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • matches
  • selector

@csstools/postcss-light-dark-function (undefined)

Use the light-dark() color function in CSS

npm
npm -i @csstools/postcss-light-dark-function
Version
2.0.7
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18

@csstools/postcss-logical-float-and-clear (undefined)

Use flow-relative (inline-start and inline-end) values for float and clear

npm
npm -i @csstools/postcss-logical-float-and-clear
Version
3.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • inline
  • logical

@csstools/postcss-logical-overflow (undefined)

Use logical overflow properties and values in CSS

npm
npm -i @csstools/postcss-logical-overflow
Version
2.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • logical

@csstools/postcss-logical-overscroll-behavior (undefined)

Use logical overscroll behavior properties and values in CSS

npm
npm -i @csstools/postcss-logical-overscroll-behavior
Version
2.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • logical
  • overscroll-behavior

@csstools/postcss-logical-resize (undefined)

Use logical values in the resize property

npm
npm -i @csstools/postcss-logical-resize
Version
3.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • inline
  • logical

@csstools/postcss-logical-viewport-units (undefined)

Use vb and vi length units in CSS

npm
npm -i @csstools/postcss-logical-viewport-units
Version
3.0.3
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • inline
  • logical

@csstools/postcss-media-minmax (undefined)

Use the range notation in CSS media queries

npm
npm -i @csstools/postcss-media-minmax
Version
2.0.5
License
MIT
PostCSS version range
^8.4
Node version range
>=18
  • media query

@csstools/postcss-media-queries-aspect-ratio-number-values (undefined)

Use number values in aspect-ratio media queries.

npm
npm -i @csstools/postcss-media-queries-aspect-ratio-number-values
Version
3.0.4
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • aspect-ratio
  • media query

@csstools/postcss-minify (undefined)

A very basic CSS minifier

npm
npm -i @csstools/postcss-minify
Version
2.0.3
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • minifier

@csstools/postcss-nested-calc (undefined)

Use nested calc() expressions in CSS

npm
npm -i @csstools/postcss-nested-calc
Version
4.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • calc
  • math
  • nested

@csstools/postcss-normalize-display-values (undefined)

Use two values display syntax for inner and outer display types.

npm
npm -i @csstools/postcss-normalize-display-values
Version
4.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • flex
  • grid
  • inline

@csstools/postcss-oklab-function (undefined)

Use oklab() and oklch() color functions in CSS

npm
npm -i @csstools/postcss-oklab-function
Version
4.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • display-p3
  • oklab
  • oklch

@csstools/postcss-progressive-custom-properties (undefined)

Correctly declare progressive enhancements for CSS Custom Properties.

npm
npm -i @csstools/postcss-progressive-custom-properties
Version
4.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • variables

@csstools/postcss-random-function (undefined)

Use the random function in CSS

npm
npm -i @csstools/postcss-random-function
Version
1.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • random

@csstools/postcss-rebase-url (undefined)

Rebase url() functions when transforming CSS

npm
npm -i @csstools/postcss-rebase-url
Version
2.0.4
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • url

@csstools/postcss-relative-color-syntax (undefined)

Use the relative color syntax in CSS

npm
npm -i @csstools/postcss-relative-color-syntax
Version
3.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • relative color syntax

@csstools/postcss-rewrite-url (undefined)

Rewrite url values in CSS

npm
npm -i @csstools/postcss-rewrite-url
Version
2.1.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • rewrite
  • url

@csstools/postcss-sass (undefined)

Use Sass as a PostCSS plugin

npm
npm -i @csstools/postcss-sass
Version
5.1.1
License
CC0-1.0
PostCSS version range
^8.4.6
Node version range
^12 || ^14 || >=16
  • sass
  • scss

@csstools/postcss-scope-pseudo-class (undefined)

The Reference Element Pseudo-class: :scope

npm
npm -i @csstools/postcss-scope-pseudo-class
Version
4.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • scope
  • selector

@csstools/postcss-sign-functions (undefined)

Use sign and abs functions in CSS

npm
npm -i @csstools/postcss-sign-functions
Version
1.1.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • abs
  • sign

@csstools/postcss-slow-plugins (undefined)

Identify slow plugins in your PostCSS config

npm
npm -i @csstools/postcss-slow-plugins
Version
2.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • debug
  • performance
  • profiling
  • slow

@csstools/postcss-stepped-value-functions (undefined)

Use round, rem and mod functions in CSS

npm
npm -i @csstools/postcss-stepped-value-functions
Version
4.0.5
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18

@csstools/postcss-text-decoration-shorthand (undefined)

Use text-decoration in it's shorthand form in CSS

npm
npm -i @csstools/postcss-text-decoration-shorthand
Version
4.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • shorthand

@csstools/postcss-trigonometric-functions (undefined)

Use sin(), cos(), tan(), acos(), atan(), and atan2() to compute trigonometric relationships

npm
npm -i @csstools/postcss-trigonometric-functions
Version
4.0.5
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • trigonometric

@csstools/postcss-unset-value (undefined)

Use the unset keyword in CSS.

npm
npm -i @csstools/postcss-unset-value
Version
4.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18

@eik/postcss-import-map (undefined)

PostCSS plugin that uses Eik defined import map files to transform bare import specifiers to absolute URLs in @import rules

npm
npm -i @eik/postcss-import-map
Version
2.0.4
License
MIT
PostCSS version range
^8.0.0
  • import
  • url

@eik/postcss-plugin (undefined)

PostCSS plugin that uses Eik defined import map files to transform bare import specifiers to absolute URLs in @import rules

npm
npm -i @eik/postcss-plugin
Version
4.0.6
License
MIT
PostCSS version range
^8.0.0
  • import
  • url

@flemist/postcss-advanced-variables (undefined)

Use Sass-like variables, conditionals, and iterators in CSS

npm
npm -i @flemist/postcss-advanced-variables
Version
5.0.3
License
CC0-1.0
PostCSS version range
^8.2.4
Node version range
^10 || ^12 || >=14
  • conditional
  • media query
  • sass
  • scss
  • variables

@lehoczky/postcss-fluid (undefined)

PostCSS plugin that makes it easier to work with fluid css values.

npm
npm -i @lehoczky/postcss-fluid
Version
1.0.3
License
MIT
PostCSS version range
^8.3.0
Node version range
>=12.0.0

@lesjoursfr/postcss-extract-css-variables (undefined)

PostCSS plugin to extract rules with CSS variables

npm
npm -i @lesjoursfr/postcss-extract-css-variables
Version
2.0.5
License
MIT
PostCSS version range
^8.4.49
Node version range
20.x || 22.x || 24.x

@minko-fe/postcss-pxtorem (undefined)

A postcss plugin that converts px to rem.

npm
npm -i @minko-fe/postcss-pxtorem
Version
1.5.0
License
MIT
PostCSS version range
>=8.0.0
  • px
  • rem

@mjhenkes/postcss-rtl (undefined)

PostCSS plugin for RTL-optimizations

npm
npm -i @mjhenkes/postcss-rtl
Version
2.0.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=0.12
  • ltr
  • rtl

@moohng/postcss-px2vw (undefined)

A CSS post-processor that converts px to vw and fallback rem.

npm
npm -i @moohng/postcss-px2vw
Version
1.2.0
License
MIT
PostCSS version range
^8.3.6
Funding
open
  • px
  • rem
  • viewport
  • vw

@neurocracy/postcss-easing-gradients (undefined)

PostCSS plugin to create smooth linear-gradients that approximate easing functions.

npm
npm -i @neurocracy/postcss-easing-gradients
Version
3.0.2
License
MIT
PostCSS version range
^8.1.2
Node version range
>=10.0.0
  • gradients

@sharegate/postcss-plugin (undefined)

Sharegate recommended PostCSS config.

npm
npm -i @sharegate/postcss-plugin
Version
2.0.1
License
Apache-2.0
PostCSS version range
>=8.4.6

@shopify/postcss-plugin (undefined)

Shopify's org-wide PostCSS preset

npm
npm -i @shopify/postcss-plugin
Version
5.0.2
License
MIT
PostCSS version range
^8.2.8

@tinycreek/postcss-font-magician (undefined)

PostCSS plugin that magically generates all the @font-face rules, with updated packages for security.

npm
npm -i @tinycreek/postcss-font-magician
Version
4.2.0
License
CC0-1.0
PostCSS version range
^8.4.31
Node version range
>=14
  • fonts
  • typography
  • weights

@webgarden/postcss-high-contrast (undefined)

PostCSS 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
npm -i @webgarden/postcss-high-contrast
Version
2.0.1
License
MIT
PostCSS version range
^8.0.0
Node version range
>=10.0.0

@wixc3/postcss-modules (undefined)

PostCSS plugin to use CSS Modules everywhere

npm
npm -i @wixc3/postcss-modules
Version
6.1.1
License
MIT
PostCSS version range
^8.0.0

@wordpress/postcss-themes (undefined)

PostCSS plugin to generate theme colors.

npm
npm -i @wordpress/postcss-themes
Version
6.14.0
License
GPL-2.0-or-later
PostCSS version range
^8.0.0
Node version range
>=18.12.0
  • color

advanced-variables (undefined)

Use Sass-like variables, conditionals, and iterators in CSS

npm
npm -i postcss-advanced-variables
Version
5.0.0
License
CC0-1.0
PostCSS version range
^8.4
Node version range
>=18
  • conditional
  • media query
  • sass
  • scss
  • variables

animations (undefined)

PostCSS plugin that adds `@keyframes` from animate.css, tuesday.css, magic.css, mimic.css

npm
npm -i postcss-animations
Version
8.0.0
License
MIT
PostCSS version range
>=8.1.0
Node version range
>=10
  • animation
  • keyframes

aspect-ratio-property (undefined)

PostCSS plugin CSS4 aspect-ratio property

npm
npm -i postcss-aspect-ratio-property
Version
1.0.0
License
MIT
PostCSS version range
^8.1.0
Node version range
>=10.0.0
  • aspect-ratio

assets (undefined)

PostCSS plugin to manage assets

npm
npm -i postcss-assets
Version
6.0.0
License
MIT
PostCSS version range
^8.2.15
Node version range
>=10
  • base64
  • image
  • url

atomizer (undefined)

PostCSS Atomizer plugin

npm
npm -i postcss-atomizer
Version
1.0.2
License
BSD-3-Clause
PostCSS version range
^8.3.0
Node version range
>=16.0
  • atomizer

attribute-case-insensitive (undefined)

Enable support for case insensitive attribute matching in selectors

npm
npm -i postcss-attribute-case-insensitive
Version
7.0.1
License
MIT
PostCSS version range
^8.4
Node version range
>=18

autoprefixer (undefined)

Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website

npm
npm -i autoprefixer
Version
10.4.20
License
MIT
PostCSS version range
^8.1.0
Node version range
^10 || ^12 || >=14
  • prefix

blank-pseudo (undefined)

Style form elements when they are empty

npm
npm -i css-blank-pseudo
Version
7.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • a11y
  • accessibility
  • selector

browser-comments (undefined)

Keep only the CSS you need based on comments and your browserslist

npm
npm -i postcss-browser-comments
Version
6.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • browserslists

calc (undefined)

PostCSS plugin to reduce calc()

npm
npm -i postcss-calc
Version
10.0.2
License
MIT
PostCSS version range
^8.4.38
Node version range
^18.12 || ^20.9 || >=22.0
  • calc

clamp (undefined)

PostCSS plugin to transform clamp() to combination of min/max

npm
npm -i postcss-clamp
Version
4.1.0
License
MIT
PostCSS version range
^8.4.6
Node version range
>=7.6.0
  • clamp
  • max
  • min

class-apply (undefined)

PostCSS plugin enabling custom class sets like tailwind css

npm
npm -i postcss-class-apply
Version
4.0.1
License
Unlicense
PostCSS version range
^8.4.1
  • @apply
  • apply
  • class apply

classes-to-mixins (undefined)

PostCSS plugin to intelligently convert CSS classes to SASS, Less and Stylus mixins

npm
npm -i postcss-classes-to-mixins
Version
3.0.1
License
MIT
PostCSS version range
^8.3.6
  • mixin
  • sass

clip-path-polyfill (undefined)

Generates SVG fallback for clip-path properties to make it works in Firefox

npm
npm -i postcss-clip-path-polyfill
Version
1.1.0
License
ISC
PostCSS version range
^8.0.0
  • clip-path

cnjm-postcss-px-to-viewport (undefined)

A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).

npm
npm -i cnjm-postcss-px-to-viewport
Version
1.0.1
License
MIT
PostCSS version range
^8.4.14
  • px
  • vh
  • viewport
  • vmax
  • vmin
  • vw

color-converter (undefined)

PostCSS plugin for convert colors.

npm
npm -i postcss-color-converter
Version
1.1.2
License
MIT
PostCSS version range
^8.0.0
Node version range
>=8.3.0
  • color

color-functional-notation (undefined)

Use space and slash separated color notation in CSS

npm
npm -i postcss-color-functional-notation
Version
7.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • hsl
  • hsla
  • hwb
  • rgb
  • rgba

color-hex-alpha (undefined)

Use 4 & 8 character hex color notation in CSS

npm
npm -i postcss-color-hex-alpha
Version
10.0.0
License
MIT
PostCSS version range
^8.4
Node version range
>=18
  • alpha
  • color
  • hex
  • transparency
  • transparent

color-mod-function (undefined)

Modify colors using the color-mod() function in CSS

npm
npm -i postcss-color-mod-function
Version
4.1.1
License
CC0-1.0
PostCSS version range
^8.2.15
Node version range
>= 18
  • adjusters
  • adjustments
  • alpha
  • black
  • blackness
  • blenda
  • blue
  • color
  • colours
  • contrast
  • green
  • hsla
  • hue
  • lightness
  • modifications
  • mods
  • red
  • rgba
  • saturation
  • shade
  • tint
  • white
  • whiteness

color-rebeccapurple (undefined)

Use the rebeccapurple color keyword in CSS

npm
npm -i postcss-color-rebeccapurple
Version
10.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • purple
  • rebecca
  • rgb

color-scheme (undefined)

postcss plugin for handling prefers-color-scheme more gracefully

npm
npm -i postcss-color-scheme
Version
2.1.0
License
MIT
PostCSS version range
^8.0.0
  • color
  • theme

colorguard (undefined)

PostCSS plugin to keep a watchful eye on your css colors

npm
npm -i postcss-colorguard
Version
2.0.23
License
Apache-2.0
PostCSS version range
>8.0.0
Node version range
>=18.0.0
  • color

colormin (undefined)

Minify colors in your CSS files with PostCSS.

npm
npm -i postcss-colormin
Version
7.0.2
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • color
  • minify

combine-duplicated-selectors (undefined)

automatically keep css selectors unique

npm
npm -i postcss-combine-duplicated-selectors
Version
10.0.3
License
MIT
PostCSS version range
^8.1.0
Node version range
^10.0.0 || ^12.0.0 || >=14.0.0
  • selector

componentry (undefined)

React component library for building custom design systems

npm
npm -i componentry
Version
7.2.0
License
MIT
PostCSS version range
8
  • accessibility

conditionals-renewed (undefined)

PostCSS plugin that enables @if statements in your CSS

npm
npm -i postcss-conditionals-renewed
Version
1.0.0
License
MIT
PostCSS version range
^8
  • conditional
  • else
  • if

convert-values (undefined)

Convert values with PostCSS (e.g. ms -> s)

npm
npm -i postcss-convert-values
Version
7.0.4
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

csscomb (undefined)

PostCSS plugin to apply CSScomb

npm
npm -i postcss-csscomb
Version
4.0.0
License
MIT
PostCSS version range
^8.2.4
Node version range
>=12

cssnano (undefined)

A modular minifier, built on top of the PostCSS ecosystem.

npm
npm -i cssnano
Version
7.0.6
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
Funding
opencollective
  • minify

custom-media (undefined)

Use Custom Media Queries in CSS

npm
npm -i postcss-custom-media
Version
11.0.5
License
MIT
PostCSS version range
^8.4
Node version range
>=18
  • atrule
  • media
  • query

custom-media-generator (undefined)

PostCSS plugin custom media generator

npm
npm -i postcss-custom-media-generator
Version
1.1.0
License
MIT
PostCSS version range
^8.3.0
Node version range
>=12.0.0

custom-properties (undefined)

Use Custom Properties Queries in CSS

npm
npm -i postcss-custom-properties
Version
14.0.4
License
MIT
PostCSS version range
^8.4
Node version range
>=18
  • variables

custom-properties-fallback (undefined)

Adds fallbacks to your CSS var() functions

npm
npm -i postcss-custom-properties-fallback
Version
1.0.2
License
MIT
PostCSS version range
^8.0.0
  • variables

custom-selectors (undefined)

Use Custom Selectors in CSS

npm
npm -i postcss-custom-selectors
Version
8.0.4
License
MIT
PostCSS version range
^8.4
Node version range
>=18
  • atrule
  • selector

dark-theme-class (undefined)

CSS solution for light/dark/auto theme switcher for websites

npm
npm -i postcss-dark-theme-class
Version
1.3.0
License
MIT
PostCSS version range
^8.2.14
Node version range
>=18.0
  • auto-theme
  • dark-theme
  • theme-switcher

declaration-sorter (undefined)

Sorts CSS declarations fast and automatically in a certain order.

npm
npm -i css-declaration-sorter
Version
7.2.0
License
ISC
PostCSS version range
^8.0.9
Node version range
^14 || ^16 || >=18
  • order

delete-duplicate-css (undefined)

PostCSS plugin delete duplicate css in the file

npm
npm -i postcss-delete-duplicate-css
Version
1.0.0
License
MIT
PostCSS version range
^8.2.8
Node version range
>=10.0.0
  • duplicate

delete-duplicate-selector (undefined)

PostCSS plugin delete duplicate css selector in the file

npm
npm -i postcss-delete-duplicate-selector
Version
1.2.3
License
MIT
PostCSS version range
^8.4.32
Node version range
>=18.15.0
  • deduplication
  • duplicate
  • selector

design-token-utils (undefined)

PostCSS plugin to convert design tokens to CSS custom properties and utility classes.

npm
npm -i postcss-design-token-utils
Version
3.0.1
License
MIT
PostCSS version range
^8.0.0
  • atomic-css
  • design-tokens
  • utility-class

design-tokens (undefined)

PostCSS plugin that provides a function to retrieve design tokens expressed in JS or JSON, within CSS

npm
npm -i postcss-design-tokens
Version
1.3.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=12.0.0
  • token

dir-pseudo-class (undefined)

Use the :dir pseudo-class in CSS

npm
npm -i postcss-dir-pseudo-class
Version
9.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • ltr
  • rtl
  • selector

discard-comments (undefined)

Discard comments in your CSS files with PostCSS.

npm
npm -i postcss-discard-comments
Version
7.0.3
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • comments

discard-duplicates (undefined)

Discard duplicate rules in your CSS files with PostCSS.

npm
npm -i postcss-discard-duplicates
Version
7.0.1
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

discard-empty (undefined)

Discard empty rules and values with PostCSS.

npm
npm -i postcss-discard-empty
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • minify

discard-overridden (undefined)

PostCSS plugin to discard overridden @keyframes or @counter-style.

npm
npm -i postcss-discard-overridden
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • counter-style
  • keyframes

discard-unused (undefined)

Discard unused counter styles, keyframes and fonts.

npm
npm -i postcss-discard-unused
Version
7.0.3
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • minify

double-position-gradients (undefined)

Use double-position gradients in CSS

npm
npm -i postcss-double-position-gradients
Version
6.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • double
  • gradients
  • linear
  • position
  • radial
  • repeating

each (undefined)

PostCSS plugin to iterate through values

npm
npm -i postcss-each
Version
1.1.0
License
MIT
PostCSS version range
^8.0.0

easings (undefined)

PostCSS plugin to replace easing names to cubic-bezier()

npm
npm -i postcss-easings
Version
4.0.0
License
MIT
PostCSS version range
^8.1.0
Node version range
>=16.0
Funding
opencollective
  • easings

easy-import (undefined)

PostCSS plugin to inline @import rules content with extra features

npm
npm -i postcss-easy-import
Version
4.0.0
License
MIT
PostCSS version range
^8.4.6
Node version range
>=10.0.0
  • glob
  • import

editor-styles-wrapper (undefined)

Remove your editor-styles from the global scope

npm
npm -i postcss-editor-styles-wrapper
Version
1.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
^18 || >= 20

em-media-query (undefined)

PostCSS plugin for transforming min/max-width/height media queries to ems.

npm
npm -i postcss-em-media-query
Version
4.1.1
License
MIT
PostCSS version range
^8.1.1
Node version range
>=12
  • em
  • media
  • query

env-function (undefined)

Use env() variables in CSS

npm
npm -i postcss-env-function
Version
7.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • constants
  • variables

extend-rule (undefined)

Use the @extend at-rule and functional selectors in CSS

npm
npm -i postcss-extend-rule
Version
4.0.0
License
CC0-1.0
PostCSS version range
^8.4.6
Node version range
^12 || ^14 || >=16
  • extend
  • matches
  • selector

extract-media-query (undefined)

PostCSS plugin to extract all media query from CSS and emit as separate files.

npm
npm -i postcss-extract-media-query
Version
3.0.0
License
MIT
PostCSS version range
^8.0.0
  • media query

flex-gap-polyfill (undefined)

A PostCSS polyfill for adding gap between flex items

npm
npm -i flex-gap-polyfill
Version
5.0.0
License
CC0-1.0
PostCSS version range
^8.3.6
Node version range
>=8.0.0
  • flex
  • gutters

flexbox-reset (undefined)

PostCSS plugin for resetting flexbox

npm
npm -i postcss-flexbox-reset
Version
1.0.4
License
MIT
PostCSS version range
^8.1.0
Node version range
>=10.0.0
  • flex

flexbugs-fixes (undefined)

PostCSS plugin This project tries to fix all of flexbug's issues

npm
npm -i postcss-flexbugs-fixes
Version
5.0.2
License
MIT
PostCSS version range
^8.1.4
  • flex

flexibility (undefined)

PostCSS plugin for Flexibility polyfill

npm
npm -i postcss-flexibility
Version
3.0.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=12.0.0
  • flex

focus (undefined)

PostCSS plugin to add :focus-visible selector to every :hover for keyboard accessibility

npm
npm -i postcss-focus
Version
7.0.0
License
MIT
PostCSS version range
^8.1.0
Node version range
^18.0.0 || >=20.0.0
  • a11y
  • accessibility
  • focus
  • hover

focus-visible (undefined)

Use the :focus-visible pseudo-selector in CSS

npm
npm -i postcss-focus-visible
Version
10.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • a11y
  • accessibility
  • button
  • cursor
  • focus
  • selector

focus-within (undefined)

Use the :focus-within pseudo-selector in CSS

npm
npm -i postcss-focus-within
Version
9.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • a11y
  • accessibility
  • focus
  • selector

font-family-system-ui (undefined)

Use the system-ui font family in CSS

npm
npm -i postcss-font-family-system-ui
Version
5.0.0
License
CC0-1.0
PostCSS version range
^8.0.0
  • font-family

font-grabber (undefined)

It grabs remote font files and update your CSS, just like that.

npm
npm -i postcss-font-grabber
Version
3.1.0
License
Apache-2.0
PostCSS version range
^8.0.0
Node version range
>=14.0.0
  • font-face

font-magician (undefined)

PostCSS plugin that magically generates all the @font-face rules

npm
npm -i postcss-font-magician
Version
4.0.0
License
CC0-1.0
PostCSS version range
^8.0.0
Node version range
>=18
  • fonts
  • typography
  • weights

font-variant (undefined)

PostCSS plugin to transform W3C font-variant properties to more compatible CSS (font-feature-settings)

npm
npm -i postcss-font-variant
Version
5.0.0
License
MIT
PostCSS version range
^8.1.0

fonticons (undefined)

PostCSS plugin to generate font icons from stylesheets.

npm
npm -i postcss-fonticons
Version
2.0.2
License
MIT
PostCSS version range
^8.4.14

fontpie (undefined)

A PostCSS plugin for optimizing font loading layout shifts using fontpie!

npm
npm -i postcss-fontpie
Version
2.0.1
License
Apache-2.0
PostCSS version range
^8
Node version range
>= 18
  • cls
  • fontpie
  • fonts

functions (undefined)

PostCSS plugin for exposing JavaScript functions

npm
npm -i postcss-functions
Version
4.0.2
License
MIT
PostCSS version range
^8.0.0

gap-properties (undefined)

Use the gap, column-gap, and row-gap shorthand properties in CSS

npm
npm -i postcss-gap-properties
Version
6.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • gap
  • grid
  • prefix
  • shorthand

grid-kiss (undefined)

A PostCSS plugin to keep CSS grids stupidly simple

npm
npm -i postcss-grid-kiss
Version
3.1.0
License
MIT
PostCSS version range
^8.2.14
Node version range
>=6.0.0
  • ascii-art
  • grid

grid-reset (undefined)

PostCSS plugin for resetting CSS Grid.

npm
npm -i postcss-grid-reset
Version
1.0.2
License
MIT
PostCSS version range
^8.1.0
Node version range
>=10.0.0
  • grid

has-pseudo (undefined)

Style elements relative to other elements in CSS

npm
npm -i css-has-pseudo
Version
7.0.2
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • contains
  • has
  • selector

hexrgba (undefined)

PostCSS plugin that adds shorthand hex methods to rgba() values

npm
npm -i postcss-hexrgba
Version
2.1.0
License
MIT
PostCSS version range
^8.1.4
  • hex
  • rgba

hover-focus-visible (undefined)

PostCSS plugin to add :focus-visible selector and/or :focus to every :hover, this is for keyboard accessibility

npm
npm -i postcss-hover-focus-visible
Version
1.0.2
License
MIT
PostCSS version range
^8.0.0
  • accessibility
  • focus
  • focus-visible
  • hover

hover-media-feature (undefined)

PostCSS plugin that extracts and wraps rules containing `:hover` pseudo-classes in `@media (hover: hover) {}` media queries

npm
npm -i postcss-hover-media-feature
Version
1.0.2
License
MIT
PostCSS version range
^8.0.0
Node version range
>=10.0.0
  • hover
  • media
  • query

iconsauce (undefined)

PostCSS plugin for Iconsauce

npm
npm -i postcss-iconsauce
Version
1.4.1
License
MIT
PostCSS version range
^8.0.0

image-inliner (undefined)

PostCSS plugin to inline images into css

npm
npm -i postcss-image-inliner
Version
7.0.1
License
MIT
PostCSS version range
^8.3.0
Node version range
>=16.10
  • image
  • inline

image-set-function (undefined)

Display resolution-dependent images using the image-set() function in CSS

npm
npm -i postcss-image-set-function
Version
7.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • background
  • image
  • image-set
  • resolution

import (undefined)

PostCSS plugin to import CSS files

npm
npm -i postcss-import
Version
16.1.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=18.0.0
  • import

import-ext-glob (undefined)

A PostCSS plugin to extend postcss-import path resolver to allow glob usage as path

npm
npm -i postcss-import-ext-glob
Version
2.1.1
License
MIT
PostCSS version range
^8.2.0
  • glob
  • import

import-svg (undefined)

PostCSS plugin to reference an SVG file and inline it, optionally update currentColor references

npm
npm -i postcss-import-svg
Version
1.0.5
License
MIT
PostCSS version range
^8.1.4
  • inline

import-url (undefined)

PostCSS plugin inlines remote files.

npm
npm -i postcss-import-url
Version
7.2.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=10

include-media (undefined)

PostCSS plugin to output @media definitions from include-media format.

npm
npm -i postcss-include-media
Version
1.1.1
License
MIT
PostCSS version range
^8.2.8
Node version range
>=10.0.0
  • media query

initial (undefined)

PostCSS plugin to fallback initial keyword.

npm
npm -i postcss-initial
Version
4.0.1
License
MIT
PostCSS version range
^8.0.0
  • reset

inline-base64 (undefined)

PostCSS plugin for encode the file to base64

npm
npm -i postcss-inline-base64
Version
7.3.1
License
MIT
PostCSS version range
>=8.0.0
Node version range
>=14.17
  • base64
  • inline

inline-media (undefined)

Media queries shortcut on PostCSS

npm
npm -i postcss-inline-media
Version
1.5.0
License
MIT
PostCSS version range
^8.4.40
  • inline
  • media
  • query
  • shortcut

inline-svg (undefined)

PostCSS plugin to reference an SVG file and control its attributes with CSS syntax

npm
npm -i postcss-inline-svg
Version
6.0.0
License
MIT
PostCSS version range
^8.1.4
  • inline

input-range (undefined)

Style range inputs with unprefixed pseudo-classes

npm
npm -i postcss-input-range
Version
6.0.0
License
CC0-1.0
PostCSS version range
^8.0.0
Node version range
>=18

jit-props (undefined)

PostCSS plugin to insert variables from a data source based on discovered usage

npm
npm -i postcss-jit-props
Version
1.0.15
License
Apache-2.0
PostCSS version range
^8.2.8
Node version range
>=10.0.0
  • custom properties

lab-function (undefined)

Use lab() and lch() color functions in CSS

npm
npm -i postcss-lab-function
Version
7.0.6
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • lab
  • lch
  • rgb
  • rgba

logical (undefined)

Use logical properties and values in CSS

npm
npm -i postcss-logical
Version
8.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • dir
  • inline
  • logical
  • ltr
  • relative
  • rtl

lost (undefined)

LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

npm
npm -i lost
Version
9.0.2
License
MIT
PostCSS version range
^8.4.14
  • grid

media-minmax (undefined)

Using more intuitive `>=`, `<=`, `>`, `<` instead of media queries min/max prefix.

npm
npm -i postcss-media-minmax
Version
5.0.0
License
MIT
PostCSS version range
^8.1.0
Node version range
>=10.0.0
  • media query

media-query-gap (undefined)

PostCSS plugin for applying gap on max-width/height media queries.

npm
npm -i postcss-media-query-gap
Version
4.1.1
License
MIT
PostCSS version range
^8.1.1
Node version range
>=12
  • gap
  • media
  • query

merge-at-rules (undefined)

PostCSS plugin for merging and nesting CSS at rules

npm
npm -i postcss-merge-at-rules
Version
1.2.0
License
MIT
PostCSS version range
^8.4.38
Node version range
>=14.0.0
  • css-optimizations
  • merge-at-rules
  • responsive-css

merge-idents (undefined)

Merge keyframe and counter style identifiers.

npm
npm -i postcss-merge-idents
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

merge-longhand (undefined)

Merge longhand properties into shorthand with PostCSS.

npm
npm -i postcss-merge-longhand
Version
7.0.4
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • minify

merge-rules (undefined)

Merge CSS rules with PostCSS.

npm
npm -i postcss-merge-rules
Version
7.0.4
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

merge-rules-plus (undefined)

PostCSS plugin for combining css rules (selectors) that have fully/partially identical declarations

npm
npm -i postcss-merge-rules-plus
Version
2.0.0
License
MIT
PostCSS version range
^8.3.0
Node version range
>=12.0.0

minify (undefined)

PostCSS plugin to remove comments and unnecessary whitespace from CSS files

npm
npm -i postcss-minify
Version
1.1.0
License
MIT
PostCSS version range
^8.0
  • minify

minify-font-values (undefined)

Minify font declarations with PostCSS

npm
npm -i postcss-minify-font-values
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • font-family

minify-gradients (undefined)

Minify gradient parameters with PostCSS.

npm
npm -i postcss-minify-gradients
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

minify-params (undefined)

Minify at-rule params with PostCSS

npm
npm -i postcss-minify-params
Version
7.0.2
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • minify

minify-selectors (undefined)

Minify selectors with PostCSS.

npm
npm -i postcss-minify-selectors
Version
7.0.4
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • minify
  • selector

mixins (undefined)

PostCSS plugin for mixins

npm
npm -i postcss-mixins
Version
11.0.3
License
MIT
PostCSS version range
^8.2.14
Node version range
^18.0 || ^ 20.0 || >= 22.0
  • mixin
  • sass

mobile-forever (undefined)

一款 postcss 插件,让移动端视图处处可访问。To adapt different displays by one mobile viewport.

npm
npm -i postcss-mobile-forever
Version
4.3.1
License
MIT
PostCSS version range
^8.0.0
  • px
  • viewport

modify-selectors (undefined)

PostCSS plugin to modify CSS selectors

npm
npm -i modify-selectors
Version
2.0.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=10.0.0
  • selector

modules (undefined)

PostCSS plugin to use CSS Modules everywhere

npm
npm -i postcss-modules
Version
6.0.1
License
MIT
PostCSS version range
^8.0.0

modules-local-by-default (undefined)

A CSS Modules transform to make local scope the default

npm
npm -i postcss-modules-local-by-default
Version
4.2.0
License
MIT
PostCSS version range
^8.1.0
Node version range
^10 || ^12 || >= 14

modules-values-replace (undefined)

PostCSS plugin to work around CSS Modules values limitations

npm
npm -i postcss-modules-values-replace
Version
4.2.0
License
ISC
PostCSS version range
^8.2.9

momentum-scrolling (undefined)

PostCSS plugin for adding 'momentum' style scrolling behavior (-webkit-overflow-scrolling: touch) for elements with overflow (scroll, auto) on iOS

npm
npm -i postcss-momentum-scrolling
Version
3.14.22
License
MIT
PostCSS version range
^8.3.6
Node version range
>=10.0.0
  • safari

mq-optimize (undefined)

PostCSS plugin Removes invalid media queries or its expresions

npm
npm -i postcss-mq-optimize
Version
2.0.1
License
MIT
PostCSS version range
^8.0.0

multiple-tailwind (undefined)

PostCSS plugin to process multiple tailwindcss configs

npm
npm -i postcss-multiple-tailwind
Version
1.0.1
License
MIT
PostCSS version range
^8.2.8
Node version range
>=10.0.0

nested (undefined)

PostCSS plugin to unwrap nested rules like how Sass does it

npm
npm -i postcss-nested
Version
7.0.2
License
MIT
PostCSS version range
^8.2.14
Node version range
>=18.0
  • nested
  • sass

nested-ancestors (undefined)

PostCSS plugin to reference any ancestor selector in nested CSS

npm
npm -i postcss-nested-ancestors
Version
3.0.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=12
  • selector

nested-import (undefined)

PostCSS plugin for importing other stylesheet source files anywhere in your CSS.

npm
npm -i postcss-nested-import
Version
1.3.0
License
MIT
PostCSS version range
^8.3.0
Node version range
>=12.0
  • import

nested-once (undefined)

Postcss plugin to unwrap nested rules (like how Sass does it), compatible with rollup-plugin-styles

npm
npm -i postcss-nested-once
Version
1.0.0
License
MIT
PostCSS version range
^8.3.5
Node version range
>=10.0
  • nested
  • sass

nesting (undefined)

Nest rules inside each other in CSS

npm
npm -i postcss-nesting
Version
13.0.1
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • nested
  • selector

no-important (undefined)

PostCSS plugin for delete declarations !important

npm
npm -i postcss-no-important
Version
10.0.7
License
MIT
PostCSS version range
^8.4.38
  • important

node-sass (undefined)

A PostCSS plugin to parse styles with node-sass

npm
npm -i postcss-node-sass
Version
3.1.4
License
MIT
PostCSS version range
^8.x.x
Node version range
>=10.0.0 <23.0.0
  • sass
  • scss

normalize (undefined)

Use the parts of normalize.css or sanitize.css you need from your browserslist

npm
npm -i postcss-normalize
Version
13.0.1
License
CC0-1.0
PostCSS version range
>= 8
Node version range
>= 18

normalize-charset (undefined)

Add necessary or remove extra charset with PostCSS

npm
npm -i postcss-normalize-charset
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

normalize-positions (undefined)

Normalize keyword values for position into length values.

npm
npm -i postcss-normalize-positions
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

normalize-string (undefined)

Normalize wrapping quotes for CSS string literals.

npm
npm -i postcss-normalize-string
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

normalize-unicode (undefined)

Normalize unicode-range descriptors, and can convert to wildcard ranges.

npm
npm -i postcss-normalize-unicode
Version
7.0.2
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

normalize-url (undefined)

Normalize URLs with PostCSS

npm
npm -i postcss-normalize-url
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • url

normalize-whitespace (undefined)

Trim whitespace inside and around CSS rules & declarations.

npm
npm -i postcss-normalize-whitespace
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

old-safari-logical-properties-polyfill (undefined)

PostCSS plugin that polyfill W3C's CSS proposal to support logical properties and values

npm
npm -i postcss-old-safari-logical-properties-polyfill
Version
1.0.1
License
MIT
PostCSS version range
^8
Node version range
>=12
  • logical
  • ltr
  • rtl
  • safari

opacity-percentage (undefined)

PostCSS plugin to transform percentage-based opacity values to more compatible floating-point values.

npm
npm -i postcss-opacity-percentage
Version
3.0.0
License
MIT
PostCSS version range
^8.4
Node version range
>=18

ordered-values (undefined)

Ensure values are ordered consistently in your CSS.

npm
npm -i postcss-ordered-values
Version
7.0.1
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

overflow-shorthand (undefined)

Use the overflow shorthand in CSS

npm
npm -i postcss-overflow-shorthand
Version
6.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • shorthand

page-break (undefined)

PostCSS plugin postcss-page-break to fallback `break-` properties with `page-break-` alias

npm
npm -i postcss-page-break
Version
3.0.4
License
MIT
PostCSS version range
^8

perfectionist-dfd (undefined)

Beautify and/or normalize CSS files. Fork and update of a fork and update of an archived project.

npm
npm -i perfectionist-dfd
Version
3.0.3
License
MIT
PostCSS version range
^8.4.12

pixrem (undefined)

A CSS post-processor that generates pixel fallbacks for rem units.

npm
npm -i postcss-pixrem
Version
6.0.3
License
BSD-3-Clause
PostCSS version range
>=8.0.0
Node version range
>=10
  • parser
  • postproccessor
  • rem

place (undefined)

Use a place-* shorthand for align-* and justify-* in CSS

npm
npm -i postcss-place
Version
10.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • shorthand

plugin-ignore-file (undefined)

PostCSS plugin that ignore a file with a comment

npm
npm -i postcss-plugin-ignore-file
Version
1.0.1
License
MIT
PostCSS version range
^8.3.0
Node version range
>=18.0.0

plugin-remove-important (undefined)

PostCSS plugin Remove important statements

npm
npm -i postcss-plugin-remove-important
Version
1.0.1
License
MIT
PostCSS version range
^8.4.27
Node version range
>=18.0.0

polyfill-flex-gap (undefined)

PostCSS plugin to polyfill flex gap

npm
npm -i postcss-polyfill-flex-gap
Version
1.0.0
License
MIT
PostCSS version range
^8.4.27
Node version range
>=18.0.0

prefers-color-scheme (undefined)

Use light and dark color schemes in all browsers

npm
npm -i css-prefers-color-scheme
Version
10.0.0
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18
  • color
  • media
  • query

prefix-hover (undefined)

PostCSS plugin for prefixing a selection containing :hover

npm
npm -i postcss-prefix-hover
Version
1.0.3
License
MIT
PostCSS version range
^8.2.8
Node version range
>=10.0.0
  • hover

prefix-selector (undefined)

Prefix all CSS rules with a selector

npm
npm -i postcss-prefix-selector
Version
2.1.0
License
MIT
PostCSS version range
^8.0.0
  • prefix
  • selector

prefixer (undefined)

postcss plugin to prefix all css selector classes and ids

npm
npm -i postcss-prefixer
Version
3.0.0
License
MIT
PostCSS version range
^8.0.0
Node version range
^10 || ^12 || >=14

preset-env (undefined)

Convert modern CSS into something browsers understand

npm
npm -i postcss-preset-env
Version
10.1.2
License
MIT-0
PostCSS version range
^8.4
Node version range
>=18

property-lookup (undefined)

PostCSS plugin that allows referencing property values without a variable

npm
npm -i postcss-property-lookup
Version
3.0.0
License
MIT
PostCSS version range
^8.2.15
Node version range
>= 10

proportional (undefined)

PostCSS plugin to make layouts responsively proportional

npm
npm -i postcss-proportional
Version
1.0.0
License
MIT
PostCSS version range
^8.4.27
Node version range
>=18.0.0
  • proportional

pxtorem (undefined)

A CSS post-processor that converts px to rem.

npm
npm -i postcss-pxtorem
Version
6.1.0
License
MIT
PostCSS version range
^8.0.0
  • px
  • rem

pxtorem-vite-vue2 (undefined)

A CSS post-processor that converts px to rem.

npm
npm -i postcss-pxtorem-vite-vue2
Version
6.0.0
License
MIT
PostCSS version range
^8.0.0
  • px
  • rem

pxtransform (undefined)

PostCSS plugin px 转小程序 rpx及h5 rem 单位

npm
npm -i postcss-pxtransform
Version
4.0.8
License
MIT
PostCSS version range
^8
Node version range
>= 18

reduce-idents (undefined)

Reduce custom identifiers with PostCSS.

npm
npm -i postcss-reduce-idents
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

reduce-initial (undefined)

Reduce initial definitions to the actual initial value, where possible.

npm
npm -i postcss-reduce-initial
Version
7.0.2
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

reference (undefined)

PostCSS plugin for referencing selectors' rules from CSS files and defined rulesets.

npm
npm -i postcss-reference
Version
2.2.1
License
MIT
PostCSS version range
^8.4.16
  • extend
  • import

remove-duplicate-values (undefined)

A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.

npm
npm -i postcss-remove-duplicate-values
Version
1.0.0
License
MIT
PostCSS version range
^8.4

remove-font-face-format (undefined)

PostCSS plugin to remove font faces by format

npm
npm -i postcss-remove-font-face-format
Version
4.0.2
License
MIT
PostCSS version range
^8.4.0
Node version range
>=18.0.0

remove-google-fonts (undefined)

PostCSS plugin to remove Google Fonts

npm
npm -i postcss-remove-google-fonts
Version
1.2.4
License
GPL-3.0-only
PostCSS version range
^8.4.33

replace (undefined)

PostCSS plugin for replacing strings.

npm
npm -i postcss-replace
Version
2.0.1
License
MIT
PostCSS version range
^8.4
Node version range
^12 || ^14 || >=16

replace-overflow-wrap (undefined)

PostCSS plugin to replace overflow-wrap with word-wrap or optionally retain both declarations.

npm
npm -i postcss-replace-overflow-wrap
Version
4.0.0
License
MIT
PostCSS version range
^8.0.3

round-subpixels (undefined)

PostCSS plugin that rounds sub-pixel values to the nearest full pixel.

npm
npm -i postcss-round-subpixels
Version
2.0.0
License
MIT
PostCSS version range
^8.0.0
  • compatibility
  • fallback

rtl (undefined)

PostCSS plugin for RTL-optimizations

npm
npm -i postcss-rtl
Version
2.0.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=14.0.0
  • ltr
  • rtl

rtlcss (undefined)

PostCSS plugin to build Cascading Style Sheets (CSS) with Left-To-Right (LTR) and Right-To-Left (RTL) rules

npm
npm -i postcss-rtlcss
Version
5.6.0
License
Apache-2.0
PostCSS version range
^8.4.21
Node version range
>=18.0.0
  • ltr
  • rtl

scopify (undefined)

PostCSS plugin that adds a user input scope to each selector

npm
npm -i postcss-scopify
Version
1.0.0
License
MIT
PostCSS version range
^8.3.0
  • css post processing
  • scope
  • scoped css

selector-not (undefined)

PostCSS plugin to transform :not() W3C CSS level 4 pseudo class to :not() CSS level 3 selectors

npm
npm -i postcss-selector-not
Version
8.0.1
License
MIT
PostCSS version range
^8.4
Node version range
>=18
  • selector

selector-prefix (undefined)

PostCSS plugin to add a selector prefix to all selectors.

npm
npm -i postcss-selector-prefix
Version
5.0.1
License
MIT
PostCSS version range
^8.4.27
Node version range
>=18.0.0
  • prefix
  • selector

selector-rename (undefined)

A PostCSS plugin to rename css selector

npm
npm -i postcss-selector-rename
Version
3.0.1
License
MIT
PostCSS version range
^8.0.0

simple-vars (undefined)

PostCSS plugin for Sass-like variables

npm
npm -i postcss-simple-vars
Version
7.0.1
License
MIT
PostCSS version range
^8.2.1
Node version range
>=14.0
Funding
opencollective
  • sass
  • variables

single-spa-scoped (undefined)

PostCSS plugin for manipulating the CSS in a single-spa application to best achieve scoped CSS

npm
npm -i postcss-single-spa-scoped
Version
1.6.1
License
MIT
PostCSS version range
^8.3.0
Node version range
>=16.0.0

size (undefined)

PostCSS plugin for size shortcut

npm
npm -i postcss-size
Version
5.0.0
License
MIT
PostCSS version range
^8.1.0
Node version range
>=18.0

smart-asset (undefined)

PostCSS plugin to rebase or inline on url().

npm
npm -i postcss-smart-asset
Version
3.1.0
License
MIT
PostCSS version range
^8.4.12
Node version range
>=14
  • base64
  • inline
  • url

sort-media-queries (undefined)

PostCSS plugin for sorting and combining CSS media queries with mobile first / **desktop first methodologies

npm
npm -i postcss-sort-media-queries
Version
5.2.0
License
MIT
PostCSS version range
^8.4.23
Node version range
>=14.0.0
  • combine-media-query
  • css-mqpacker
  • css-optimizations
  • desktop-first
  • media query
  • node-css-mqpacker
  • responsive-css
  • sort-media-query

sorting (undefined)

PostCSS plugin to keep rules and at-rules content in order.

npm
npm -i postcss-sorting
Version
9.1.0
License
MIT
PostCSS version range
^8.4.20
  • order
  • sorting

stack (undefined)

A better way to manage z-indexes

npm
npm -i postcss-stack
Version
5.0.0
License
MIT
PostCSS version range
^8.3.6
Node version range
>=12.0.0
  • z-index

stylehacks (undefined)

Detect/remove browser hacks from CSS files.

npm
npm -i stylehacks
Version
7.0.4
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

svgo (undefined)

Optimise inline SVG with PostCSS.

npm
npm -i postcss-svgo
Version
7.0.1
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >= 18
  • minify

typescript-d-ts (undefined)

Generates TypeScript definition (.d.ts) files for each of the postcss modules file

npm
npm -i postcss-typescript-d-ts
Version
1.0.0
License
MIT
PostCSS version range
^8.1.5
Node version range
>=10.0.0

unique-selectors (undefined)

Ensure CSS selectors are unique.

npm
npm -i postcss-unique-selectors
Version
7.0.3
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0

url (undefined)

PostCSS plugin to rebase or inline on url().

npm
npm -i postcss-url
Version
10.1.3
License
MIT
PostCSS version range
^8.0.0
Node version range
>=10
  • base64
  • inline
  • url

urlrebase (undefined)

PostCSS plugin Rebase URLs to a given root URL.

npm
npm -i postcss-urlrebase
Version
1.4.0
License
MIT
PostCSS version range
^8.3.0

urlrev (undefined)

PostCSS plugin for css url revision

npm
npm -i postcss-urlrev
Version
3.0.1
License
MIT
PostCSS version range
^8.4.12
Node version range
^10 || ^12 || >=14
  • url

utopia (undefined)

PostCSS plugin to generate fluid typopgraphy and space scales

npm
npm -i postcss-utopia
Version
1.1.0
License
MIT
PostCSS version range
^8.4.33
  • utopia

var-func-fallback (undefined)

PostCSS plugin Adds fallback values to var(name) occurences.

npm
npm -i postcss-var-func-fallback
Version
3.0.1
License
MIT
PostCSS version range
^8
Node version range
>= 14

var-optimize (undefined)

PostCSS plugin to convert css variables that are not redeclared and remove duplicates

npm
npm -i postcss-var-optimize
Version
8.1.0
License
MIT
PostCSS version range
^8.0.0
Node version range
>=8.0.0
  • variables

var-replace (undefined)

PostCSS plugin to replace CSS variables with their static values

npm
npm -i postcss-var-replace
Version
1.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
>=18.0.0
Funding
github
  • var
  • variables

variable-compress (undefined)

PostCSS plugin cleans up the variable names and saves space. It can will reduce your css variable to smaller variables

npm
npm -i postcss-variable-compress
Version
3.0.0
License
MIT
PostCSS version range
^8.2.8
Node version range
>=10.0.0
  • cssnano
  • minify

variables-prefixer (undefined)

postcss plugin to prefix all css custom properties

npm
npm -i postcss-variables-prefixer
Version
1.2.0
License
MIT
PostCSS version range
^8.2.13
Node version range
>=10.0.0

vars-docs (undefined)

Generates 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
npm -i css-vars-docs
Version
1.4.0
License
MIT
PostCSS version range
8.4.49
Node version range
>=14
  • documentation
  • variables

100vh-fix (undefined)

PostCSS plugin to fix height/min-height: 100vh on iOS

npm
npm -i postcss-100vh-fix
Version
1.0.2
License
MIT
PostCSS version range
^8.1.0
Node version range
>=10.0
Funding
opencollective
  • safari

watch-folder (undefined)

PostCSS plugin which watches folder for new files

npm
npm -i postcss-watch-folder
Version
2.0.0
License
MIT
PostCSS version range
^8.0.0

will-change (undefined)

PostCSS plugin to insert 3D hack before will-change property

npm
npm -i postcss-will-change
Version
4.0.1
License
MIT
PostCSS version range
^8.1.0
Node version range
>=10.0
Funding
opencollective
  • fallback

windicss (undefined)

PostCSS plugin for Windi CSS

npm
npm -i postcss-windicss
Version
1.0.0
License
MIT
PostCSS version range
^8.0.0

zindex (undefined)

Reduce z-index values with PostCSS.

npm
npm -i postcss-zindex
Version
7.0.0
License
MIT
PostCSS version range
^8.4.31
Node version range
^18.12.0 || ^20.9.0 || >=22.0
  • z-index

Disclaimer

PostCSS 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.

For support and issues you can open an issue on GitHub.