OSS TanbouOn this page
Overview
CSSTools PostCSS Plugins contains plugins, plugin packs, parsers, utilities, and CLI tools for emerging CSS features. Its postcss-preset-env pack uses CSSDB and Browserslist to choose needed transformations and includes Autoprefixer for target-aware vendor prefixes.
Features and best fit
Based on official documentation; not hands-on tested · Content checked:
Key features
Provide many PostCSS plugins for standards-track CSS features
The monorepo covers custom media, nesting, modern colors, logical properties, and other specification-driven features with focused transforms.
Sources: [1]
Use postcss-preset-env to select plugins from browser targets
CSSDB support data and Browserslist determine which transforms are necessary, allowing unneeded fallbacks to be skipped as browser targets change.
Best fit
Fits builds that author modern CSS and generate compatible output for explicit browser targets
It reduces manual plugin curation when teams want compatibility to follow a shared browser policy and standards maturity.
Sources: [3]
Before adoption
Not every new CSS behavior can be fully polyfilled with CSS alone
The documentation notes that some features require a companion client library, so transformed output may need feature-specific runtime support.
Sources: [3]
Official sources
- [1]CSSTools PostCSS Plugins README(2026-10-05)
- [2]CSSTools monorepo package metadata(2026-10-05)
- [3]postcss-preset-env README(2026-10-05)
- [4]postcss-preset-env 11.6.0 package metadata(2026-10-05)
- [5]postcss-preset-env changelog(2026-10-05)
- [6]CSSTools MIT-0 license(2026-10-05)
Supplemental curator note
This repository is a monorepo of independently versioned plugins and packages. The representative postcss-preset-env package is 11.6.0 and requires Node.js >=20.19.0 with PostCSS ^8.4. The private root version 1.0.0 should not be treated as the product version.
Try it in 3 steps
- 1
Install postcss-preset-env 11.6.0 with PostCSS
On Node.js 20.19.0 or later, pin the representative plugin pack together with PostCSS.
demo=$(mktemp -d "${TMPDIR:-/tmp}/csstools-preset-env.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact postcss@8.5.29 postcss-preset-env@11.6.0 - 2
Create modern CSS and a transform script
Use custom media and nesting as a compact example of standards-track CSS processed through the preset.
printf "%s\n" '@custom-media --narrow (width <= 50rem);' '.card { color: rebeccapurple; @media (--narrow) { color: blue; } }' > input.css && printf "%s\n" "import fs from 'node:fs';" "import postcss from 'postcss';" "import postcssPresetEnv from 'postcss-preset-env';" "const css = fs.readFileSync('input.css', 'utf8');" "const result = await postcss([postcssPresetEnv({ stage: 0 })]).process(css, { from: 'input.css', to: 'output.css' });" "fs.writeFileSync('output.css', result.css);" > demo.mjs - 3
Run the transform and verify compatible output
Confirm the custom media definition is transformed into a conventional media query.
node demo.mjs && grep -q "max-width: 50rem" output.css && ! grep -q "@custom-media" output.css
Growth
Growth trends · Last 30 days
1,057 Stars
Trend data is still being collected.
Built with
Categories and tags
Categories
GitHub data
GitHub dataView detailed GitHub data
GitHub Topics
- css
- postcss
Related information
Write a related articleShare a guide or use case for this OSS in Markdown. Articles are published after administrator approval.
Explore next
- normalize.css53,505 Stars
3 shared tag(s) · 1 shared category(s) · Same language
reduce browser inconsistencies while preserving useful native defaults
CSS - cssnano4,978 Stars
3 shared tag(s) · 1 shared category(s) · Same language
compose preset-driven PostCSS optimizations to minify production CSS
CSS - Bootstrap174,991 Stars
3 shared tag(s) · 1 shared category(s)
Build responsive interfaces from a CSS/Sass grid, utilities, components, and native JavaScript
MDX - Electron123,388 Stars
3 shared tag(s) · 1 shared category(s)
bundle Chromium and Node.js to build desktop applications for three major operating systems with HTML, CSS, and JavaScript
C++ - PostCSS28,974 Stars
3 shared tag(s) · 1 shared category(s)
parse CSS into an AST and compose build-time style processing with JavaScript plugins
TypeScript - Autoprefixer22,211 Stars
3 shared tag(s) · 1 shared category(s)
generate only the vendor prefixes required by Browserslist and Can I Use data
JavaScript
Report incorrect information
Tell us if any listing information is incorrect or outdated.