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 |
|---|---|---|---|---|---|---|---|---|
| @heroui/theme The default theme for HeroUI components | 237.7k | - | - | - | 7 months ago 2.4.26 | ESM + CommonJS | Bundled | CSS-in-JS and styling, UI component libraries |
| datauri Create DataURI scheme easily | 236.9k | +7% | - | 5 years ago 4.1.0 | - | None | CLI tools and terminal utilities, CSS-in-JS and styling | |
| @fontsource/space-mono Self-host the Space Mono font in a neatly bundled NPM package. | 235.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @emotion/eslint-plugin ESLint rules for emotion | 235.4k | - | - | - | 2 years ago 11.12.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Linting and formatting |
| stylelint-no-unsupported-browser-features Disallow features that are unsupported by the browsers that you are targeting | 235.3k | -4% | - | 16 days ago 8.1.2 | ESM only | None | CSS-in-JS and styling, Linting and formatting | |
| css-jss Implements css() interface on top of JSS | 235.2k | +18% | - | 3 years ago 10.10.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @fontsource-variable/figtree Self-host the Figtree font in a neatly bundled NPM package. | 234.2k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/nunito Self-host the Nunito font in a neatly bundled NPM package. | 230k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/outfit Self-host the Outfit font in a neatly bundled NPM package. | 229.8k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @css-inline/css-inline-linux-x64-gnu High-performance library for inlining CSS into HTML 'style' attributes | 225.2k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| hast-util-classnames hast utility to merge class names together | 203.6k | +142% | - | 3 years ago 3.0.0 | ESM only | Bundled | CSS-in-JS and styling, Image processing | |
| postcss-jsx PostCSS syntax for parsing CSS in JS literals | 194.9k | -24% | - | 6 years ago 0.36.4 | - | None | CSS-in-JS and styling, React | |
| postcss-markdown PostCSS syntax for parsing Markdown | 193.5k | -26% | - | 1 month ago 2.0.0 | ESM only | None | CSS-in-JS and styling, Parsers and serialisers | |
| @mantine/styles Mantine css-in-js styles engine, based on emotion | 193k | - | - | - | 2 years ago 6.0.22 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| @fontsource/roboto-mono Self-host the Roboto Mono font in a neatly bundled NPM package. | 190.8k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/plus-jakarta-sans Self-host the Plus Jakarta Sans font in a neatly bundled NPM package. | 188.6k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| facepaint Responsive style values for css-in-js. | 188k | +108% | - | 8 years ago 1.2.1 | ESM + CommonJS | None | CSS-in-JS and styling | |
| @css-inline/css-inline-linux-x64-musl High-performance library for inlining CSS into HTML 'style' attributes | 185.2k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| @fontsource/instrument-serif Self-host the Instrument Serif font in a neatly bundled NPM package. | 182.7k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| postcss-pxtorem A CSS post-processor that converts px to rem. | 179.3k | +27% | - | - 6.1.0 | CommonJS | None | CSS-in-JS and styling | |
| @fontsource/oswald Self-host the Oswald font in a neatly bundled NPM package. | 178.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| css-vars-ponyfill Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers | 175.6k | +63% | - | 2 years ago 2.4.9 | ESM + CommonJS | Bundled | Polyfills and shims, CSS-in-JS and styling | |
| @fontsource/geist Self-host the Geist font in a neatly bundled NPM package. | 170.9k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource-variable/archivo Self-host the Archivo font in a neatly bundled NPM package. | 170.2k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/eb-garamond Self-host the EB Garamond font in a neatly bundled NPM package. | 168.8k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource-variable/ibm-plex-sans Self-host the IBM Plex Sans font in a neatly bundled NPM package. | 167.7k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| webpack-remove-empty-scripts Webpack plugin removes empty JavaScript files generated when using styles. | 166.7k | -17% | - | 1 year ago 1.1.1 | CommonJS | Bundled | CSS-in-JS and styling | |
| postcss-styl PostCSS parser plugin for converting Stylus syntax to PostCSS AST. | 166.6k | +90% | - | 3 years ago 0.12.3 | CommonJS | None | CSS-in-JS and styling | |
| @fontsource/noto-sans Self-host the Noto Sans font in a neatly bundled NPM package. | 164.9k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| takumi-js Render OG images from JSX, HTML, and CSS. No headless browser. | 163.2k | - | - | 10 days ago 2.14.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| @fontsource-variable/bricolage-grotesque Self-host the Bricolage Grotesque font in a neatly bundled NPM package. | 157.6k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @oddbird/popover-polyfill Popover Attribute Polyfill | 154.7k | - | - | - | 1 month ago 0.7.2 | ESM + CommonJS | Bundled | Polyfills and shims, CSS-in-JS and styling |
| style-resources-loader CSS processor resources loader for webpack | 153.8k | -25% | - | 4 years ago 1.5.0 | CommonJS | None | CSS-in-JS and styling | |
| svg-sprite SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.) | 151.1k | +14% | - | 2 years ago 2.0.4 | CommonJS | None | CSS-in-JS and styling, Icons | |
| get-css-data A micro-library for collecting stylesheet data from link and style nodes | 150.6k | +85% | - | 2 years ago 2.1.1 | ESM + CommonJS | None | CSS-in-JS and styling | |
| @fontsource/noto-sans-jp Self-host the Noto Sans JP font in a neatly bundled NPM package. | 150.5k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/fraunces Self-host the Fraunces font in a neatly bundled NPM package. | 149.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/cormorant-garamond Self-host the Cormorant Garamond font in a neatly bundled NPM package. | 146.5k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| tree-sitter-css CSS grammar for tree-sitter | 146.3k | +1737% | - | 11 months ago 0.25.0 | ESM only | Bundled | CSS-in-JS and styling, Parsers and serialisers | |
| react-native-css Use CSS stylesheets in React Native | 146.2k | +4054% | - | 5 months ago 3.0.7 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| @fontsource-variable/outfit Self-host the Outfit font in a neatly bundled NPM package. | 145.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource-variable/source-serif-4 Self-host the Source Serif 4 font in a neatly bundled NPM package. | 140.5k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/barlow-condensed Self-host the Barlow Condensed font in a neatly bundled NPM package. | 140.2k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| postcss-color-function PostCSS plugin to transform W3C CSS color function to more compatible CSS. | 139.9k | -6% | - | - 4.1.0 | - | None | CSS-in-JS and styling | |
| @fontsource-variable/roboto Self-host the Roboto font in a neatly bundled NPM package. | 139.3k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| postcss-calc-ast-parser Parses calc of css and converts it to AST. | 137.4k | +30% | - | 7 years ago 0.1.4 | CommonJS | None | CSS-in-JS and styling, Parsers and serialisers | |
| @fontsource/archivo-black Self-host the Archivo Black font in a neatly bundled NPM package. | 137.2k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource-variable/instrument-sans Self-host the Instrument Sans font in a neatly bundled NPM package. | 134.9k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @coreui/coreui The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintained by the CoreUI Team | 133.8k | - | - | - | 2 months ago 5.9.0 | ESM + CommonJS | None | CSS-in-JS and styling |
| postcss-bem-linter A BEM linter for postcss | 132.3k | +5% | - | 3 years ago 4.0.1 | - | None | 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.
- @heroui/themeThe default theme for HeroUI components
- datauriCreate DataURI scheme easily
- @fontsource/space-monoSelf-host the Space Mono font in a neatly bundled NPM package.
- @emotion/eslint-pluginESLint rules for emotion
- stylelint-no-unsupported-browser-featuresDisallow features that are unsupported by the browsers that you are targeting
- css-jssImplements css() interface on top of JSS
- @fontsource-variable/figtreeSelf-host the Figtree font in a neatly bundled NPM package.
- @fontsource/nunitoSelf-host the Nunito font in a neatly bundled NPM package.
- @fontsource/outfitSelf-host the Outfit font in a neatly bundled NPM package.
- @css-inline/css-inline-linux-x64-gnuHigh-performance library for inlining CSS into HTML 'style' attributes
- hast-util-classnameshast utility to merge class names together
- postcss-jsxPostCSS syntax for parsing CSS in JS literals
- postcss-markdownPostCSS syntax for parsing Markdown
- @mantine/stylesMantine css-in-js styles engine, based on emotion
- @fontsource/roboto-monoSelf-host the Roboto Mono font in a neatly bundled NPM package.
- @fontsource/plus-jakarta-sansSelf-host the Plus Jakarta Sans font in a neatly bundled NPM package.
- facepaintResponsive style values for css-in-js.
- @css-inline/css-inline-linux-x64-muslHigh-performance library for inlining CSS into HTML 'style' attributes
- @fontsource/instrument-serifSelf-host the Instrument Serif font in a neatly bundled NPM package.
- postcss-pxtoremA CSS post-processor that converts px to rem.
- @fontsource/oswaldSelf-host the Oswald font in a neatly bundled NPM package.
- css-vars-ponyfillClient-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers
- @fontsource/geistSelf-host the Geist font in a neatly bundled NPM package.
- @fontsource-variable/archivoSelf-host the Archivo font in a neatly bundled NPM package.
- @fontsource/eb-garamondSelf-host the EB Garamond font in a neatly bundled NPM package.
- @fontsource-variable/ibm-plex-sansSelf-host the IBM Plex Sans font in a neatly bundled NPM package.
- webpack-remove-empty-scriptsWebpack plugin removes empty JavaScript files generated when using styles.
- postcss-stylPostCSS parser plugin for converting Stylus syntax to PostCSS AST.
- @fontsource/noto-sansSelf-host the Noto Sans font in a neatly bundled NPM package.
- takumi-jsRender OG images from JSX, HTML, and CSS. No headless browser.
- @fontsource-variable/bricolage-grotesqueSelf-host the Bricolage Grotesque font in a neatly bundled NPM package.
- @oddbird/popover-polyfillPopover Attribute Polyfill
- style-resources-loaderCSS processor resources loader for webpack
- svg-spriteSVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)
- get-css-dataA micro-library for collecting stylesheet data from link and style nodes
- @fontsource/noto-sans-jpSelf-host the Noto Sans JP font in a neatly bundled NPM package.
- @fontsource/frauncesSelf-host the Fraunces font in a neatly bundled NPM package.
- @fontsource/cormorant-garamondSelf-host the Cormorant Garamond font in a neatly bundled NPM package.
- tree-sitter-cssCSS grammar for tree-sitter
- react-native-cssUse CSS stylesheets in React Native
- @fontsource-variable/outfitSelf-host the Outfit font in a neatly bundled NPM package.
- @fontsource-variable/source-serif-4Self-host the Source Serif 4 font in a neatly bundled NPM package.
- @fontsource/barlow-condensedSelf-host the Barlow Condensed font in a neatly bundled NPM package.
- postcss-color-functionPostCSS plugin to transform W3C CSS color function to more compatible CSS.
- @fontsource-variable/robotoSelf-host the Roboto font in a neatly bundled NPM package.
- postcss-calc-ast-parserParses calc of css and converts it to AST.
- @fontsource/archivo-blackSelf-host the Archivo Black font in a neatly bundled NPM package.
- @fontsource-variable/instrument-sansSelf-host the Instrument Sans font in a neatly bundled NPM package.
- @coreui/coreuiThe most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintained by the CoreUI Team
- postcss-bem-linterA BEM linter for postcss
- 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