OSS TanbouOn this page
Overview
Autoprefixer is a PostCSS plugin that parses CSS and adds or removes vendor prefixes according to target browsers and Can I Use data. Browser policy can be shared through Browserslist configuration.
Features and best fit
Based on official documentation; not hands-on tested · Content checked:
Key features
Add and remove prefixes according to Browserslist target browsers
It reads Browserslist configuration and emits only the prefixes required by the selected browser set.
Sources: [1]
Use Can I Use data instead of maintaining prefix rules by hand
Browser support decisions are driven by dependencies such as caniuse-lite and updated support data.
Integrate through PostCSS loaders, CLI workflows, or Node APIs
It works as a standard PostCSS plugin in bundlers, postcss-cli, and programmatic processing.
Sources: [1]
Best fit
Fits frontend teams that want one browser-support policy instead of handwritten prefixes
A shared Browserslist configuration lets developers author standard CSS while the build determines compatibility prefixes.
Sources: [1]
Before adoption
Autoprefixer is not a polyfill
The README explicitly states that it only adds prefixes. Unsupported CSS features still require a separate transform or polyfill where appropriate.
Sources: [1]
IE Grid translation is opt-in and has limitations
Grid prefixing must be explicitly enabled, such as with grid: autoplace, and translated IE layouts have constraints that should be tested in the target browser.
Sources: [1]
Official sources
- [1]Autoprefixer 10.6.1 README(2026-10-05)
- [2]Autoprefixer 10.6.1 package metadata(2026-10-05)
- [3]Autoprefixer 10.6.1 changelog(2026-10-05)
- [4]Autoprefixer 10.6.1 release(2026-10-05)
- [5]Autoprefixer MIT license(2026-10-05)
Supplemental curator note
Treat .browserslistrc or the browserslist field in package.json as the source of truth for browser targets. Autoprefixer is a prefixer, not a general CSS polyfill.
Try it in 3 steps
- 1
Install Autoprefixer 10.6.1 with PostCSS
Pin Autoprefixer and the reviewed PostCSS release in a temporary project.
demo=$(mktemp -d "${TMPDIR:-/tmp}/autoprefixer.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact postcss@8.5.29 autoprefixer@10.6.1 - 2
Create a Browserslist target and CSS that needs a prefix
Target Safari 8 explicitly so the example demonstrates Browserslist-driven prefix generation.
printf "%s\n" 'Safari 8' > .browserslistrc && printf "%s\n" '.field { user-select: none; }' > input.css && printf "%s\n" "import fs from 'node:fs';" "import postcss from 'postcss';" "import autoprefixer from 'autoprefixer';" "const css = fs.readFileSync('input.css', 'utf8');" "const result = await postcss([autoprefixer()]).process(css, { from: 'input.css', to: 'output.css' });" "fs.writeFileSync('output.css', result.css);" > demo.mjs - 3
Run Autoprefixer and verify the vendor prefix
Confirm that the target browser policy adds the expected WebKit prefix to the generated CSS.
node demo.mjs && grep -q -- "-webkit-user-select" output.css
Growth
Growth trends · Last 30 days
22,211 Stars
Trend data is still being collected.
Built with
Categories and tags
Categories
GitHub data
GitHub dataView detailed GitHub data
GitHub Topics
- css
- postcss-plugins
- prefixer
- Stars
- 22,211
- Forks
- 1,288
- Watchers
- 360
- Open issues
- 38
- Owner type
- Organization
- Primary language
- JavaScript
- License
- MIT
- Repository last updated
- Oct 5, 2026
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)
reduce browser inconsistencies while preserving useful native defaults
CSS - Expo52,566 Stars
3 shared tag(s) · 1 shared category(s)
build React Native apps for Android, iOS, and web from one project model
TypeScript - 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 - Linaria12,350 Stars
3 shared tag(s) · 1 shared category(s)
keep CSS-in-JS authoring while extracting styles to static CSS at build time
TypeScript - vanilla-extract10,435 Stars
3 shared tag(s) · 1 shared category(s)
write type-safe styles in TypeScript and extract them to static CSS at build time
TypeScript - PurgeCSS8,050 Stars
3 shared tag(s) · 1 shared category(s)
scan content files and keep only selectors that are actually referenced
TypeScript
Report incorrect information
Tell us if any listing information is incorrect or outdated.