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 |
|---|---|---|---|---|---|---|---|---|
| sass-graph Parse sass files and extract a graph of imports | 1.4m | -11% | - | 4 years ago 4.0.1 | - | - | CSS-in-JS and styling | |
| scss-tokenizer A tokenzier for Sass' SCSS syntax | 1.4m | -18% | - | 4 years ago 0.4.3 | - | - | Parsers and serialisers, CSS-in-JS and styling | |
| nativewind Use Tailwindcss in your cross-platform React Native applications | 1.3m | +305% | - | 10 days ago 4.2.7 | - | - | CSS-in-JS and styling, React | |
| @assistant-ui/react Open-source TypeScript/React library for building production-grade AI chat experiences | 1.3m | - | - | - | 1 day ago 0.15.22 | - | - | React, CSS-in-JS and styling |
| postcss-less LESS parser for PostCSS | 1.2m | -8% | - | 4 years ago 6.0.0 | - | - | CSS-in-JS and styling | |
| stylus-loader Stylus loader for webpack | 1.2m | -34% | - | 4 months ago 9.0.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @fontsource/ibm-plex-mono Self-host the IBM Plex Mono font in a neatly bundled NPM package. | 1.2m | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| react-native-css-interop Provides a layer of interoperability between React Native and CSS stylesheets allowing to use CSS as a styling language for both React Native and React Native Web. The interoperability goes beyond basic styles allows the use of modern features such as CSS | 1.1m | +312% | - | 10 days ago 0.2.7 | CommonJS | Bundled | React, CSS-in-JS and styling | |
| eslint-plugin-tailwindcss Rules enforcing best practices while using Tailwind CSS | 1.1m | +18% | - | 1 month ago 4.4.0 | ESM + CommonJS | Bundled | Linting and formatting, CSS-in-JS and styling | |
| fumadocs-core The React.js library for building a documentation website | 1.1m | +856% | - | 1 day ago 16.15.14 | ESM only | Bundled | Documentation tooling, CSS-in-JS and styling | |
| normalize.css A modern alternative to CSS resets | 1.1m | +4% | - | 7 years ago 8.0.1 | CommonJS | None | CSS-in-JS and styling | |
| sort-css-media-queries The custom `sort` method (mobile-first / desktop-first) of CSS media queries for `postcss-sort-media-queries`, `css-mqpacker` or `pleeease` (which uses css-mqpacker) or, perhaps, something else )) | 1.1m | +127% | - | 5 months ago 3.0.5 | ESM only | Bundled | CSS-in-JS and styling | |
| @fontsource/roboto Self-host the Roboto font in a neatly bundled NPM package. | 1.1m | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| fumadocs-mdx The built-in source for Fumadocs | 1m | +1174% | - | today 15.4.4 | ESM only | None | Markdown, CSS-in-JS and styling | |
| postcss-sort-media-queries PostCSS plugin for sorting and combining CSS media queries with mobile first / **desktop first methodologies | 1m | +108% | - | 2 months ago 6.7.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| postcss-message-helpers PostCSS helpers to throw or output GNU style messages | 1m | +14% | - | 11 years ago 2.0.0 | - | None | CSS-in-JS and styling | |
| infima A UI framework for content-centric websites. | 1m | +130% | - | 2 years ago 0.2.0-alpha.45 | - | None | CSS-in-JS and styling, Documentation tooling | |
| purgecss Remove unused css selectors | 1m | +36% | - | 7 months ago 8.0.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @stitches/core The modern CSS-in-JS library | 997.6k | - | - | - | 4 years ago 1.2.8 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| cssnano-preset-advanced Advanced optimisations for cssnano; may or may not break your CSS! | 994.4k | +128% | - | 8 days ago 9.0.5 | ESM only | Bundled | CSS-in-JS and styling | |
| rollup-plugin-postcss Seamless integration between Rollup and PostCSS | 986k | +7% | - | 4 years ago 4.0.2 | CommonJS | Bundled | CSS-in-JS and styling | |
| postcss-url PostCSS plugin to rebase or inline on url(). | 982k | -11% | - | 4 months ago 10.1.4 | CommonJS | None | CSS-in-JS and styling | |
| ng-packagr Compile and package Angular libraries in Angular Package Format (APF) | 977.4k | +22% | - | 2 days ago 22.2.1 | CommonJS | Bundled | TypeScript tooling, UI component libraries | |
| tailwind-csstree CSSTree syntax for parsing Tailwind custom syntax. | 971.5k | +1222% | - | 22 days ago 0.4.0 | ESM only | Bundled | CSS-in-JS and styling | |
| @stitches/react The modern CSS-in-JS library | 954.4k | - | - | - | 4 years ago 1.2.8 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| postcss-filter-plugins Exclude/warn on duplicated PostCSS plugins. | 907.4k | +20% | - | 3 months ago 4.0.0 | CommonJS | None | CSS-in-JS and styling | |
| @fontsource/jetbrains-mono Self-host the JetBrains Mono font in a neatly bundled NPM package. | 898.8k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| fumadocs-ui The Radix UI version of Fumadocs UI | 882.4k | +828% | - | 1 day ago 16.15.14 | ESM only | Bundled | CSS-in-JS and styling, Markdown | |
| eslint-plugin-better-tailwindcss auto-wraps tailwind classes after a certain print width or class count into multiple lines to improve readability. | 877.5k | +1233% | - | 2 months ago 4.7.0 | ESM only | Bundled | Linting and formatting, CSS-in-JS and styling | |
| @fontsource-variable/jetbrains-mono Self-host the JetBrains Mono font in a neatly bundled NPM package. | 842.1k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| postcss-sass A Sass parser for PostCSS, using gonzales-pe. | 839.7k | -22% | - | 5 years ago 0.5.0 | CommonJS | None | CSS-in-JS and styling | |
| @fontsource-variable/geist-mono Self-host the Geist Mono font in a neatly bundled NPM package. | 829.6k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| flairup 🎩 Lightweight CSS-in-JS solution for npm packages | 825.6k | +240% | - | 17 days ago 1.1.3 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| sass-formatter TypeScript Sass formatter | 817.2k | +182% | - | 1 year ago 0.8.0 | CommonJS | Bundled | CSS-in-JS and styling, TypeScript tooling | |
| postcss-mixins PostCSS plugin for mixins | 805.7k | +71% | - | 1 year ago 12.1.2 | - | Bundled | CSS-in-JS and styling | |
| @chakra-ui/styled-system Style function for css-in-js building component libraries | 802.3k | - | - | - | 1 year ago 2.12.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| postcss-syntax Automatically switch PostCSS syntax by file extensions | 797k | -29% | - | 7 years ago 0.36.2 | - | None | CSS-in-JS and styling | |
| @panzoom/panzoom Pan and zoom elements anywhere using native transformations | 776.9k | - | - | - | 5 months ago 4.6.2 | ESM only | Bundled | CSS-in-JS and styling, Image processing |
| daisyui daisyUI 5 - The Tailwind CSS Component Library | 773.7k | +66% | - | today 5.7.46 | ESM only | Bundled | UI component libraries, CSS-in-JS and styling | |
| animejs JavaScript animation engine | 746.6k | +159% | - | 3 months ago 4.5.0 | ESM + CommonJS | Bundled | Animation, 3D, WebGL and game engines | |
| flag-icons > A curated collection of all country flags in SVG — plus the CSS for easier integration. See the [demo](https://flagicons.lipis.dev). | 736.6k | +149% | - | 1 year ago 7.5.0 | CommonJS | None | CSS-in-JS and styling, Icons | |
| @emotion/server Extract and inline critical css with emotion for server side rendering. | 705.8k | - | - | - | 3 years ago 11.11.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| jest-styled-components Jest utilities for Styled Components | 690.2k | -4% | - | 5 months ago 7.4.0 | CommonJS | Bundled | CSS-in-JS and styling | |
| postcss-prefix-selector Prefix all CSS rules with a selector | 682.1k | +49% | - | 18 days ago 2.2.1 | - | Bundled | CSS-in-JS and styling | |
| stylis-rule-sheet stylis plugin to extract individual rules to use with insertRule API | 661.4k | -21% | - | 8 years ago 0.0.10 | CommonJS | None | CSS-in-JS and styling | |
| styled-system Responsive, theme-based style props for building design systems with React | 651k | +13% | - | 6 years ago 5.1.5 | ESM + CommonJS | None | CSS-in-JS and styling, React | |
| cssnano-preset-lite Safe and minimum transformation | 648k | +3872% | - | 8 days ago 6.0.3 | ESM only | Bundled | CSS-in-JS and styling | |
| @styled-system/css Styled System for the `css` prop | 621.6k | - | - | - | 6 years ago 5.1.5 | ESM + CommonJS | None | CSS-in-JS and styling |
| @biomejs/wasm-nodejs WebAssembly bindings to the Biome workspace API | 613k | - | - | - | 9 days ago 2.5.14 | CommonJS | Bundled | Parsers and serialisers, Linting and formatting |
| primevue PrimeVue is a premium UI library for Vue featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, wh | 591.9k | +76% | - | 1 month ago 5.0.1 | ESM + CommonJS | Bundled | UI component libraries, Vue |
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.
- sass-graphParse sass files and extract a graph of imports
- scss-tokenizerA tokenzier for Sass' SCSS syntax
- nativewindUse Tailwindcss in your cross-platform React Native applications
- @assistant-ui/reactOpen-source TypeScript/React library for building production-grade AI chat experiences
- postcss-lessLESS parser for PostCSS
- stylus-loaderStylus loader for webpack
- @fontsource/ibm-plex-monoSelf-host the IBM Plex Mono font in a neatly bundled NPM package.
- react-native-css-interopProvides a layer of interoperability between React Native and CSS stylesheets allowing to use CSS as a styling language for both React Native and React Native Web. The interoperability goes beyond basic styles allows the use of modern features such as CSS
- eslint-plugin-tailwindcssRules enforcing best practices while using Tailwind CSS
- fumadocs-coreThe React.js library for building a documentation website
- normalize.cssA modern alternative to CSS resets
- sort-css-media-queriesThe custom `sort` method (mobile-first / desktop-first) of CSS media queries for `postcss-sort-media-queries`, `css-mqpacker` or `pleeease` (which uses css-mqpacker) or, perhaps, something else ))
- @fontsource/robotoSelf-host the Roboto font in a neatly bundled NPM package.
- fumadocs-mdxThe built-in source for Fumadocs
- postcss-sort-media-queriesPostCSS plugin for sorting and combining CSS media queries with mobile first / **desktop first methodologies
- postcss-message-helpersPostCSS helpers to throw or output GNU style messages
- infimaA UI framework for content-centric websites.
- purgecssRemove unused css selectors
- @stitches/coreThe modern CSS-in-JS library
- cssnano-preset-advancedAdvanced optimisations for cssnano; may or may not break your CSS!
- rollup-plugin-postcssSeamless integration between Rollup and PostCSS
- postcss-urlPostCSS plugin to rebase or inline on url().
- ng-packagrCompile and package Angular libraries in Angular Package Format (APF)
- tailwind-csstreeCSSTree syntax for parsing Tailwind custom syntax.
- @stitches/reactThe modern CSS-in-JS library
- postcss-filter-pluginsExclude/warn on duplicated PostCSS plugins.
- @fontsource/jetbrains-monoSelf-host the JetBrains Mono font in a neatly bundled NPM package.
- fumadocs-uiThe Radix UI version of Fumadocs UI
- eslint-plugin-better-tailwindcssauto-wraps tailwind classes after a certain print width or class count into multiple lines to improve readability.
- @fontsource-variable/jetbrains-monoSelf-host the JetBrains Mono font in a neatly bundled NPM package.
- postcss-sassA Sass parser for PostCSS, using gonzales-pe.
- @fontsource-variable/geist-monoSelf-host the Geist Mono font in a neatly bundled NPM package.
- flairup🎩 Lightweight CSS-in-JS solution for npm packages
- sass-formatterTypeScript Sass formatter
- postcss-mixinsPostCSS plugin for mixins
- @chakra-ui/styled-systemStyle function for css-in-js building component libraries
- postcss-syntaxAutomatically switch PostCSS syntax by file extensions
- @panzoom/panzoomPan and zoom elements anywhere using native transformations
- daisyuidaisyUI 5 - The Tailwind CSS Component Library
- animejsJavaScript animation engine
- flag-icons> A curated collection of all country flags in SVG — plus the CSS for easier integration. See the [demo](https://flagicons.lipis.dev).
- @emotion/serverExtract and inline critical css with emotion for server side rendering.
- jest-styled-componentsJest utilities for Styled Components
- postcss-prefix-selectorPrefix all CSS rules with a selector
- stylis-rule-sheetstylis plugin to extract individual rules to use with insertRule API
- styled-systemResponsive, theme-based style props for building design systems with React
- cssnano-preset-liteSafe and minimum transformation
- @styled-system/cssStyled System for the `css` prop
- @biomejs/wasm-nodejsWebAssembly bindings to the Biome workspace API
- primevuePrimeVue is a premium UI library for Vue featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, wh
- 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