Package category

CSS-in-JS and styling

Style components with JavaScript, utility classes or CSS tooling.

1,081 packages20 comparisons

Packages compared

1,081 packages

Package	Weekly downloads	12-month change	Gzip	Last release	Module	Types	Categories
postcss Tool for transforming styles with JS plugins	229.7m	+138%	-	21 days ago 8.5.28	ESM + CommonJS	Bundled	CSS-in-JS and styling, Parsers and serialisers
csstype Strict TypeScript and Flow types for style based on MDN data	125.4m	+210%	-	10 months ago 3.2.3	-	Bundled	TypeScript tooling, CSS-in-JS and styling
lightningcss A CSS parser, transformer, and minifier written in Rust	113.9m	+1051%	-	2 months ago 1.33.0	ESM + CommonJS	Bundled	Parsers and serialisers, Build tools
lightningcss-linux-x64-gnu A CSS parser, transformer, and minifier written in Rust	102.3m	+1048%	-	2 months ago 1.33.0	CommonJS	None	Parsers and serialisers, Build tools
tailwindcss A utility-first CSS framework for rapidly building custom user interfaces.	96m	+322%	-	2 months ago 4.3.3	ESM + CommonJS	Bundled	CSS-in-JS and styling
mdn-data Open Web data by the Mozilla Developer Network	90.6m	+127%	-	2 days ago 2.37.0	CommonJS	None	CSS-in-JS and styling, Parsers and serialisers
clsx A tiny (239B) utility for constructing className strings conditionally.	90.3m	+189%	-	2 years ago 2.1.1	ESM + CommonJS	Bundled	CSS-in-JS and styling
css-tree A tool set for CSS: fast detailed parser (CSS → AST), walker (AST traversal), generator (AST → CSS) and lexer (validation and matching) based on specs and browser implementations	88.1m	+116%	-	6 months ago 3.2.1	ESM + CommonJS	None	Parsers and serialisers, CSS-in-JS and styling
postcss-value-parser Transforms css values and at-rule params into the tree	84.1m	+72%	-	4 years ago 4.2.0	CommonJS	Bundled	Parsers and serialisers, CSS-in-JS and styling
lightningcss-linux-x64-musl A CSS parser, transformer, and minifier written in Rust	81m	+217%	-	2 months ago 1.33.0	CommonJS	None	Parsers and serialisers, Build tools
tailwind-merge Merge Tailwind CSS classes without style conflicts	61.7m	+462%	-	12 days ago 3.7.0	ESM + CommonJS	Bundled	CSS-in-JS and styling
@csstools/css-parser-algorithms Algorithms to help you parse CSS from an array of tokens.	54.5m	+315%	-	8 months ago 4.0.0	ESM only	Bundled	CSS-in-JS and styling
@csstools/css-color-parser Parse CSS color values	51m	+378%	-	12 days ago 4.2.3	ESM only	Bundled	CSS-in-JS and styling
autoprefixer Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website	50.6m	+94%	-	9 days ago 10.6.1	CommonJS	Bundled	CSS-in-JS and styling
class-variance-authority Class Variance Authority 🧬	48m	+533%	-	1 year ago 0.7.1	ESM + CommonJS	Bundled	CSS-in-JS and styling
postcss-load-config Autoload Config for PostCSS	42.7m	+100%	-	2 years ago 6.0.1	CommonJS	Bundled	CSS-in-JS and styling
styled-jsx Full CSS support for JSX without compromises	39.3m	+248%	-	1 year ago 5.1.7	-	Bundled	CSS-in-JS and styling
stylis A Light–weight CSS Preprocessor	36.4m	+94%	-	5 months ago 4.4.0	ESM + CommonJS	None	CSS-in-JS and styling
style-to-object Parse CSS inline style to JavaScript object.	34.4m	+242%	-	2 months ago 2.0.2	ESM + CommonJS	Bundled	CSS-in-JS and styling, Parsers and serialisers
inline-style-parser An inline style parser.	33.9m	+262%	-	2 months ago 0.2.9	ESM + CommonJS	Bundled	Parsers and serialisers, CSS-in-JS and styling
postcss-import PostCSS plugin to import CSS files	32.6m	+102%	-	1 month ago 17.0.0	-	None	CSS-in-JS and styling
postcss-nested PostCSS plugin to unwrap nested rules like how Sass does it	30.6m	+119%	-	1 month ago 8.0.1	ESM only	Bundled	CSS-in-JS and styling
tw-animate-css TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`.	29.1m	+1035%	-	1 year ago 1.4.0	ESM only	None	Animation, CSS-in-JS and styling
camelcase-css Convert a kebab-cased CSS property into a camelCased DOM property.	28.8m	+113%	-	8 years ago 2.0.1	CommonJS	None	Strings and text, CSS-in-JS and styling
postcss-js PostCSS for CSS-in-JS and styles in JS objects	28.8m	+98%	-	7 months ago 5.1.0	ESM + CommonJS	Bundled	CSS-in-JS and styling
csso CSS minifier with structural optimisations	25.9m	+51%	-	4 years ago 5.0.5	ESM + CommonJS	None	CSS-in-JS and styling
css-loader css loader module for webpack	24.6m	+21%	-	27 days ago 7.1.5	CommonJS	None	Bundler plugins and loaders, CSS-in-JS and styling
classnames A simple utility for conditionally joining classNames together	24m	+61%	-	2 years ago 2.5.1	CommonJS	Bundled	CSS-in-JS and styling
sass A pure JavaScript implementation of Sass.	23m	+38%	-	2 days ago 1.105.0	CommonJS	Bundled	CSS-in-JS and styling
postcss-modules-local-by-default A CSS Modules transform to make local scope the default	22.7m	+17%	-	1 year ago 4.2.0	CommonJS	None	CSS-in-JS and styling
postcss-modules-scope A CSS Modules transform to extract export statements from local-scope classes	22.6m	+10%	-	1 year ago 3.2.1	CommonJS	None	CSS-in-JS and styling
postcss-modules-extract-imports A CSS Modules transform to extract local aliases for inline imports	22.3m	+11%	-	2 years ago 3.1.0	CommonJS	None	CSS-in-JS and styling
hast-util-parse-selector hast utility to create an element from a simple CSS selector	22m	+170%	-	3 years ago 4.0.0	ESM only	Bundled	CSS-in-JS and styling
icss-utils ICSS utils for postcss ast	21.7m	+19%	-	5 years ago 5.1.0	CommonJS	None	CSS-in-JS and styling
postcss-modules-values PostCSS plugin for CSS Modules to pass arbitrary values between your module files	21.5m	+10%	-	5 years ago 4.0.0	CommonJS	None	CSS-in-JS and styling
postcss-loader PostCSS loader for webpack	16.5m	+2%	-	7 months ago 8.2.1	CommonJS	None	CSS-in-JS and styling
postcss-calc PostCSS plugin to reduce calc()	16.3m	+16%	-	4 days ago 11.2.1	ESM only	Bundled	CSS-in-JS and styling
postcss-discard-duplicates Discard duplicate rules in your CSS files with PostCSS.	16.2m	+20%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-discard-empty Discard empty rules and values with PostCSS.	16.2m	+27%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-minify-selectors Minify selectors with PostCSS.	16.2m	+26%	-	8 days ago 9.0.4	ESM only	Bundled	CSS-in-JS and styling
cssnano A modular CSS minifier, built on top of the PostCSS ecosystem.	16.1m	+27%	-	8 days ago 9.0.5	ESM only	Bundled	CSS-in-JS and styling
postcss-merge-longhand Merge longhand properties into shorthand with PostCSS.	16m	+27%	-	8 days ago 9.0.4	ESM only	Bundled	CSS-in-JS and styling
postcss-colormin Minify colors in your CSS files with PostCSS.	16m	+25%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-reduce-initial Reduce initial definitions to the actual initial value, where possible.	16m	+26%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-discard-comments Discard comments in your CSS files with PostCSS.	16m	+19%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-convert-values Convert values with PostCSS (e.g. ms -> s)	16m	+26%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-ordered-values Ensure values are ordered consistently in your CSS.	15.9m	+25%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-unique-selectors Ensure CSS selectors are unique.	15.9m	+25%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-minify-gradients Minify gradient parameters with PostCSS.	15.9m	+28%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling
postcss-reduce-transforms Reduce transform functions with PostCSS.	15.9m	+25%	-	8 days ago 9.0.3	ESM only	Bundled	CSS-in-JS and styling

12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.

What each package is

postcssTool for transforming styles with JS plugins
csstypeStrict TypeScript and Flow types for style based on MDN data
lightningcssA CSS parser, transformer, and minifier written in Rust
lightningcss-linux-x64-gnuA CSS parser, transformer, and minifier written in Rust
tailwindcssA utility-first CSS framework for rapidly building custom user interfaces.
mdn-dataOpen Web data by the Mozilla Developer Network
clsxA tiny (239B) utility for constructing className strings conditionally.
css-treeA tool set for CSS: fast detailed parser (CSS → AST), walker (AST traversal), generator (AST → CSS) and lexer (validation and matching) based on specs and browser implementations
postcss-value-parserTransforms css values and at-rule params into the tree
lightningcss-linux-x64-muslA CSS parser, transformer, and minifier written in Rust
tailwind-mergeMerge Tailwind CSS classes without style conflicts
@csstools/css-parser-algorithmsAlgorithms to help you parse CSS from an array of tokens.
@csstools/css-color-parserParse CSS color values
autoprefixerParse CSS and add vendor prefixes to CSS rules using values from the Can I Use website
class-variance-authorityClass Variance Authority 🧬
postcss-load-configAutoload Config for PostCSS
styled-jsxFull CSS support for JSX without compromises
stylisA Light–weight CSS Preprocessor
style-to-objectParse CSS inline style to JavaScript object.
inline-style-parserAn inline style parser.
postcss-importPostCSS plugin to import CSS files
postcss-nestedPostCSS plugin to unwrap nested rules like how Sass does it
tw-animate-cssTailwindCSS v4.0 compatible replacement for `tailwindcss-animate`.
camelcase-cssConvert a kebab-cased CSS property into a camelCased DOM property.
postcss-jsPostCSS for CSS-in-JS and styles in JS objects
cssoCSS minifier with structural optimisations
css-loadercss loader module for webpack
classnamesA simple utility for conditionally joining classNames together
sassA pure JavaScript implementation of Sass.
postcss-modules-local-by-defaultA CSS Modules transform to make local scope the default
postcss-modules-scopeA CSS Modules transform to extract export statements from local-scope classes
postcss-modules-extract-importsA CSS Modules transform to extract local aliases for inline imports
hast-util-parse-selectorhast utility to create an element from a simple CSS selector
icss-utilsICSS utils for postcss ast
postcss-modules-valuesPostCSS plugin for CSS Modules to pass arbitrary values between your module files
postcss-loaderPostCSS loader for webpack
postcss-calcPostCSS plugin to reduce calc()
postcss-discard-duplicatesDiscard duplicate rules in your CSS files with PostCSS.
postcss-discard-emptyDiscard empty rules and values with PostCSS.
postcss-minify-selectorsMinify selectors with PostCSS.
cssnanoA modular CSS minifier, built on top of the PostCSS ecosystem.
postcss-merge-longhandMerge longhand properties into shorthand with PostCSS.
postcss-colorminMinify colors in your CSS files with PostCSS.
postcss-reduce-initialReduce initial definitions to the actual initial value, where possible.
postcss-discard-commentsDiscard comments in your CSS files with PostCSS.
postcss-convert-valuesConvert values with PostCSS (e.g. ms -> s)
postcss-ordered-valuesEnsure values are ordered consistently in your CSS.
postcss-unique-selectorsEnsure CSS selectors are unique.
postcss-minify-gradientsMinify gradient parameters with PostCSS.
postcss-reduce-transformsReduce transform functions with PostCSS.

Sources: npm registry, npm downloads API, GitHub API, Bundlephobia

Packages compared

What each package is

Comparisons