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 | 52 weeks | Gzip | Last release | Module | Types | Categories |
|---|---|---|---|---|---|---|---|---|
| jest-css-modules-transform Jest's preprocessor for css, sass, less, stylus modules generated with Webpack | 131.9k | +37% | - | 4 years ago 4.4.2 | CommonJS | None | CSS-in-JS and styling | |
| css-element-queries CSS-Element-Queries Polyfill. Proof-of-concept for high-speed element dimension/media queries in valid css. | 130.7k | +40% | - | - 1.2.3 | CommonJS | Bundled | CSS-in-JS and styling | |
| sass-lint All Node Sass linter! | 129k | +24% | - | 7 years ago 1.13.1 | CommonJS | None | CSS-in-JS and styling | |
| @fontsource-variable/public-sans Self-host the Public Sans font in a neatly bundled NPM package. | 126.9k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/barlow Self-host the Barlow font in a neatly bundled NPM package. | 126.9k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/caveat Self-host the Caveat font in a neatly bundled NPM package. | 123.6k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| sass-resources-loader SASS resources loader for Webpack | 123.3k | -18% | - | 4 years ago 2.2.5 | CommonJS | None | CSS-in-JS and styling | |
| sonda Universal bundle analyzer and visualizer that works with most popular bundlers and frameworks. | 122.8k | +212% | - | 2 months ago 0.14.0 | ESM only | Bundled | Bundler plugins and loaders, Vue | |
| @tamagui/react-native-web-internals React Native for Web | 121.3k | - | - | - | 1 month ago 2.7.7 | ESM + CommonJS | Bundled | React, UI component libraries |
| @fontsource/dm-mono Self-host the DM Mono font in a neatly bundled NPM package. | 120.5k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| stylelint-declaration-block-no-ignored-properties Disallow property values that are ignored due to another property value in the same rule. | 120.3k | -3% | - | 7 months ago 3.0.0 | ESM only | None | Linting and formatting, CSS-in-JS and styling | |
| parserlib CSS3 SAX-inspired parser | 120.3k | +58% | - | 9 years ago 1.1.1 | CommonJS | None | Parsers and serialisers, CSS-in-JS and styling | |
| @tamagui/react-native-web-lite React Native for Web | 119.1k | - | - | - | 1 month ago 2.7.7 | ESM + CommonJS | None | React, UI component libraries |
| @fontsource/source-sans-3 Self-host the Source Sans 3 font in a neatly bundled NPM package. | 117.5k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| pixrem A CSS post-processor that generates pixel fallbacks for rem units. | 116.9k | -19% | - | 7 years ago 5.0.0 | CommonJS | None | CSS-in-JS and styling | |
| aphrodite Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation | 115.5k | -5% | - | - 2.4.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @fontsource-variable/montserrat Self-host the Montserrat font in a neatly bundled NPM package. | 115.2k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/source-sans-pro Self-host the Source Sans Pro font in a neatly bundled NPM package. | 114.7k | - | - | - | 2 months ago 5.3.0 | CommonJS | None | CSS-in-JS and styling |
| @fontsource-variable/newsreader Self-host the Newsreader font in a neatly bundled NPM package. | 114.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| clean-css-cli A command-line interface to clean-css CSS optimization library | 112.5k | +2% | - | - 5.6.3 | CommonJS | None | CLI tools and terminal utilities, CSS-in-JS and styling | |
| oxlint-tailwindcss Tailwind CSS linting rules for oxlint | 111.2k | - | - | 2 days ago 1.13.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Linting and formatting | |
| @fontsource/source-serif-4 Self-host the Source Serif 4 font in a neatly bundled NPM package. | 110.2k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource-variable/hanken-grotesk Self-host the Hanken Grotesk font in a neatly bundled NPM package. | 109.6k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| styled-normalize Normalize.css for styled-components CSS-in-JS library | 108.4k | -15% | - | 2 years ago 8.1.1 | CommonJS | Bundled | CSS-in-JS and styling, React | |
| @fontsource/league-gothic Self-host the League Gothic font in a neatly bundled NPM package. | 108.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/anton Self-host the Anton font in a neatly bundled NPM package. | 105.9k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/archivo Self-host the Archivo font in a neatly bundled NPM package. | 105.9k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource-variable/lora Self-host the Lora font in a neatly bundled NPM package. | 104.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @csstools/sass-import-resolve An algorithm for resolving imports in Sass | 104.1k | - | - | - | 8 years ago 1.0.0 | ESM + CommonJS | None | CSS-in-JS and styling |
| jss-global Global styles for JSS | 104.1k | -19% | - | 8 years ago 3.0.0 | CommonJS | None | CSS-in-JS and styling | |
| typed-scss-modules TypeScript type definition generator for SCSS CSS Modules | 103.3k | +29% | - | 1 year ago 8.1.1 | CommonJS | Bundled | TypeScript tooling, CLI tools and terminal utilities | |
| postcss-font-family-system-ui Use the system-ui font family in CSS | 102.9k | -17% | - | 6 years ago 5.0.0 | ESM + CommonJS | None | CSS-in-JS and styling | |
| @fontsource-variable/open-sans Self-host the Open Sans font in a neatly bundled NPM package. | 102.3k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| clean-css-promise clean-css with the default Promise interface and some improvements | 102.2k | -7% | - | 7 years ago 3.0.0 | - | None | Promises and async control flow, CSS-in-JS and styling | |
| object-fit-images Polyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, ... | 102k | -29% | - | 8 years ago 3.2.4 | CommonJS | None | Polyfills and shims, CSS-in-JS and styling | |
| @fontsource-variable/playfair-display Self-host the Playfair Display font in a neatly bundled NPM package. | 101.5k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| jss-camel-case JSS plugin that allows to write camel cased rule properties | 100.8k | -17% | - | 8 years ago 6.1.0 | CommonJS | None | CSS-in-JS and styling | |
| construct-style-sheets-polyfill Constructible style sheets/adopted style sheets polyfill | 100.8k | +4% | - | 4 years ago 3.1.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Polyfills and shims | |
| @fontsource/lora Self-host the Lora font in a neatly bundled NPM package. | 100.3k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| jss-nested JSS plugin that enables support for nested selectors | 100.2k | -23% | - | 8 years ago 6.0.1 | CommonJS | None | CSS-in-JS and styling | |
| @stylexswc/rs-compiler High-performance Rust/NAPI-RS/SWC compiler for StyleX CSS-in-JS with compile-time atomic CSS extraction, metadata, source maps, and Babel-plugin replacement APIs for Node.js. | 99.5k | - | - | - | 2 days ago 0.19.0 | CommonJS | None | CSS-in-JS and styling |
| broccoli-clean-css CSS minifier for Broccoli, using clean-css | 98.8k | -23% | - | 9 years ago 2.0.1 | - | None | CSS-in-JS and styling | |
| postcss-prefixwrap A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page. | 98.6k | +97% | - | 4 days ago 1.59.1 | CommonJS | Bundled | CSS-in-JS and styling, TypeScript tooling | |
| flag-icon-css > A curated collection of all country flags in SVG — plus the CSS for easier integration. See the [demo](https://flagicons.lipis.dev). | 98.3k | -15% | - | - 4.1.7 | - | None | CSS-in-JS and styling | |
| eslint-plugin-vue-scoped-css ESLint plugin for Scoped CSS in Vue.js | 97.4k | +63% | - | 1 month ago 3.1.3 | ESM only | Bundled | Linting and formatting, Vue | |
| jss-default-unit JSS plugin that adds default custom unit to numeric values where needed | 97.4k | -23% | - | 8 years ago 8.0.2 | CommonJS | None | CSS-in-JS and styling | |
| @fontsource/noto-sans-sc Self-host the Noto Sans SC font in a neatly bundled NPM package. | 97k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource-variable/noto-sans-jp Self-host the Noto Sans JP font in a neatly bundled NPM package. | 96.9k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| shadcn-svelte Add components to your apps. | 96.9k | +1341% | - | 8 days ago 1.7.0 | ESM only | Bundled | CSS-in-JS and styling, Svelte | |
| @shadcn/ui Add @shadcn/ui components to your app. | 96k | - | - | - | 3 years ago 0.0.4 | ESM only | None | CSS-in-JS and styling, UI component libraries |
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.
- jest-css-modules-transformJest's preprocessor for css, sass, less, stylus modules generated with Webpack
- css-element-queriesCSS-Element-Queries Polyfill. Proof-of-concept for high-speed element dimension/media queries in valid css.
- sass-lintAll Node Sass linter!
- @fontsource-variable/public-sansSelf-host the Public Sans font in a neatly bundled NPM package.
- @fontsource/barlowSelf-host the Barlow font in a neatly bundled NPM package.
- @fontsource/caveatSelf-host the Caveat font in a neatly bundled NPM package.
- sass-resources-loaderSASS resources loader for Webpack
- sondaUniversal bundle analyzer and visualizer that works with most popular bundlers and frameworks.
- @tamagui/react-native-web-internalsReact Native for Web
- @fontsource/dm-monoSelf-host the DM Mono font in a neatly bundled NPM package.
- stylelint-declaration-block-no-ignored-propertiesDisallow property values that are ignored due to another property value in the same rule.
- parserlibCSS3 SAX-inspired parser
- @tamagui/react-native-web-liteReact Native for Web
- @fontsource/source-sans-3Self-host the Source Sans 3 font in a neatly bundled NPM package.
- pixremA CSS post-processor that generates pixel fallbacks for rem units.
- aphroditeFramework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
- @fontsource-variable/montserratSelf-host the Montserrat font in a neatly bundled NPM package.
- @fontsource/source-sans-proSelf-host the Source Sans Pro font in a neatly bundled NPM package.
- @fontsource-variable/newsreaderSelf-host the Newsreader font in a neatly bundled NPM package.
- clean-css-cliA command-line interface to clean-css CSS optimization library
- oxlint-tailwindcssTailwind CSS linting rules for oxlint
- @fontsource/source-serif-4Self-host the Source Serif 4 font in a neatly bundled NPM package.
- @fontsource-variable/hanken-groteskSelf-host the Hanken Grotesk font in a neatly bundled NPM package.
- styled-normalizeNormalize.css for styled-components CSS-in-JS library
- @fontsource/league-gothicSelf-host the League Gothic font in a neatly bundled NPM package.
- @fontsource/antonSelf-host the Anton font in a neatly bundled NPM package.
- @fontsource/archivoSelf-host the Archivo font in a neatly bundled NPM package.
- @fontsource-variable/loraSelf-host the Lora font in a neatly bundled NPM package.
- @csstools/sass-import-resolveAn algorithm for resolving imports in Sass
- jss-globalGlobal styles for JSS
- typed-scss-modulesTypeScript type definition generator for SCSS CSS Modules
- postcss-font-family-system-uiUse the system-ui font family in CSS
- @fontsource-variable/open-sansSelf-host the Open Sans font in a neatly bundled NPM package.
- clean-css-promiseclean-css with the default Promise interface and some improvements
- object-fit-imagesPolyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, ...
- @fontsource-variable/playfair-displaySelf-host the Playfair Display font in a neatly bundled NPM package.
- jss-camel-caseJSS plugin that allows to write camel cased rule properties
- construct-style-sheets-polyfillConstructible style sheets/adopted style sheets polyfill
- @fontsource/loraSelf-host the Lora font in a neatly bundled NPM package.
- jss-nestedJSS plugin that enables support for nested selectors
- @stylexswc/rs-compilerHigh-performance Rust/NAPI-RS/SWC compiler for StyleX CSS-in-JS with compile-time atomic CSS extraction, metadata, source maps, and Babel-plugin replacement APIs for Node.js.
- broccoli-clean-cssCSS minifier for Broccoli, using clean-css
- postcss-prefixwrapA PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.
- flag-icon-css> A curated collection of all country flags in SVG — plus the CSS for easier integration. See the [demo](https://flagicons.lipis.dev).
- eslint-plugin-vue-scoped-cssESLint plugin for Scoped CSS in Vue.js
- jss-default-unitJSS plugin that adds default custom unit to numeric values where needed
- @fontsource/noto-sans-scSelf-host the Noto Sans SC font in a neatly bundled NPM package.
- @fontsource-variable/noto-sans-jpSelf-host the Noto Sans JP font in a neatly bundled NPM package.
- shadcn-svelteAdd components to your apps.
- @shadcn/uiAdd @shadcn/ui components to your app.
- css-tree vs lightningcss
- bootstrap vs @coreui/coreui
- flowbite vs @shadcn/lint
- styled-components vs @linaria/core
- @compiled/react vs @linaria/core
- goober vs @linaria/core
- styled-components vs @compiled/react
- styled-components vs goober
- bootstrap vs bulma
- ng-packagr vs typed-scss-modules
- csstype vs ng-packagr
- css-vars-ponyfill vs object-fit-images
- shadcn vs flowbite
- styled-components vs tss-react
- tss-react vs @linaria/core
- animejs vs animate.css
- facepaint vs aphrodite
- flag-icons vs svg-sprite
- goober vs facepaint
- @panzoom/panzoom vs @compiled/react