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 |
|---|---|---|---|---|---|---|---|---|
| jss-isolate True rules isolation through automatic properties reset. | 10.2k | -33% | - | 8 years ago 5.1.0 | CommonJS | None | CSS-in-JS and styling | |
| mdb-ui-kit Bootstrap 5 UI KIT - 700+ components, plain JavaScript, MIT license, simple installation. | 10.1k | +56% | - | - 9.3.0 | ESM only | None | CSS-in-JS and styling, UI component libraries | |
| mdb-react-ui-kit Bootstrap 5 & React 18 UI KIT - 700+ components, MIT license, simple installation. | 10k | -18% | - | 9 months ago 10.0.0 | ESM + CommonJS | Bundled | UI component libraries, React | |
| flag-icons-svg A beautiful `svg` + `less` + `sass` + `css` collection of country flags. | 9.3k | +1362% | - | 5 years ago 0.0.3 | - | None | CSS-in-JS and styling, Icons | |
| postcss-plugin-shared Shared utilities for postcss-plugins monorepo packages. | 9.3k | - | - | 2 days ago 1.1.6 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @pandacss/studio The automated token documentation for Panda CSS | 9.2k | - | - | - | 21 days ago 1.12.1 | ESM + CommonJS | Bundled | Documentation tooling, CSS-in-JS and styling |
| bootstrap-social Social Buttons for Bootstrap ============================ [](https://badge.fury.io/js/bootstrap-social) [](https://badge.fury.io/bo | 9.1k | +29% | - | - 5.1.1 | CommonJS | None | CSS-in-JS and styling | |
| styled-bootstrap-grid bootstrap grid system using styled components | 9k | -12% | - | 4 years ago 3.1.2 | CommonJS | Bundled | CSS-in-JS and styling | |
| @itwin/itwinui-layouts-css iTwinUI CSS package that provides classes for most common layouts | 9k | - | - | - | 2 years ago 0.4.0 | CommonJS | None | UI component libraries, CSS-in-JS and styling |
| @itwin/itwinui-layouts-react iTwinUI package that provides React components for most common layouts | 9k | - | - | - | 2 years ago 0.4.1 | ESM + CommonJS | Bundled | UI component libraries, React |
| vite-plugin-stylex Vite Plugin for StyleX | 8.9k | +155% | - | 1 year ago 0.13.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Bundler plugins and loaders | |
| postcss-safe-important PostCSS plugin that adds !important to style declarations safely | 8.8k | +19% | - | 2 years ago 2.0.1 | - | None | CSS-in-JS and styling | |
| rollup-plugin-lit-css Import CSS files as tagged template literals | 8.5k | +26% | - | 6 months ago 6.0.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @linaria/rollup Blazing fast zero-runtime CSS in JS library | 8.5k | - | - | - | 2 years ago 5.0.4 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| card Card lets you add an interactive, CSS3 credit card animation to your credit card form to help your users through the process. | 8.4k | -13% | - | - 2.5.4 | CommonJS | None | CSS-in-JS and styling, Payments and commerce | |
| @buffetjs/styles Buffetjs Styles - The styling solution of Buffetjs | 8.2k | - | - | - | 5 years ago 3.3.8 | ESM + CommonJS | None | React, CSS-in-JS and styling |
| charts.css Open source CSS framework for data visualization. | 8.1k | +308% | - | 1 year ago 1.2.0 | CommonJS | None | Charts and data visualisation, CSS-in-JS and styling | |
| @react-theming/storybook-addon Develop themes and themable components with Emotion, Styled Components, Material-UI and your custom solution | 8.1k | - | - | - | 3 years ago 1.1.10 | CommonJS | Bundled | CSS-in-JS and styling, React |
| bourbon-neat A lightweight, semantic grid framework | 7.9k | -1% | - | 7 years ago 4.0.0 | CommonJS | None | CSS-in-JS and styling | |
| pretty-lights CSS-in-JS with a reliable API | 7.8k | -40% | - | - 1.2.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| postcss-px-to-viewport A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax). | 7.7k | +14% | - | - 1.1.1 | CommonJS | None | CSS-in-JS and styling | |
| picostyle Most lightweight CSS in JS library ever. | 7.6k | +17% | - | 7 years ago 2.2.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @buffetjs/custom Buffetjs Custom Components | 7.6k | - | - | - | 5 years ago 3.3.8 | ESM + CommonJS | None | React, UI component libraries |
| @ilamy/calendar A full-featured React calendar component library built with Shadcn-Ui, Tailwind CSS, and TypeScript. | 7.6k | - | - | - | 10 days ago 3.0.1 | ESM only | Bundled | CSS-in-JS and styling, React |
| stylelint-plugin-use-baseline A Stylelint plugin that enforces CSS feature availability based on Baseline. | 7.5k | +301% | - | - 1.4.6 | ESM only | None | Linting and formatting, CSS-in-JS and styling | |
| iview A high quality UI components Library with Vue.js | 7.4k | +3% | - | - 3.5.4 | CommonJS | Bundled | Vue, CSS-in-JS and styling | |
| @figma-export/output-styles-as-sass Outputter for @figma-export that exports styles to SASS and SCSS | 7.3k | - | - | - | 2 months ago 6.4.1 | ESM only | Bundled | CSS-in-JS and styling |
| stylelint-plugin-defensive-css A Stylelint plugin to enforce defensive CSS best practices. | 7.1k | +126% | - | 19 days ago 2.9.7 | ESM + CommonJS | Bundled | Linting and formatting, CSS-in-JS and styling | |
| @epegzz/sass-vars-loader A SASS vars loader for Webpack. Load global SASS vars from JS/JSON/Typescript files or from Webpack config. | 7.1k | - | - | - | 5 years ago 6.1.0 | CommonJS | None | TypeScript tooling, CSS-in-JS and styling |
| better-svelte-email Svelte email renderer with Tailwind support | 7.1k | +7947% | - | 27 days ago 2.3.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Svelte | |
| flex-gap-polyfill A PostCSS polyfill for adding gap between flex items | 7k | +92% | - | 2 years ago 5.0.0 | ESM + CommonJS | None | CSS-in-JS and styling, Polyfills and shims | |
| react-styled-flexboxgrid Grid system based on styled-components and flexbox for React | 6.8k | -27% | - | 2 years ago 3.3.0 | ESM + CommonJS | None | React, CSS-in-JS and styling | |
| hint.css A tooltip library in CSS for your lovely websites. | 6.7k | +23% | - | 2 years ago 3.0.0 | CommonJS | None | CSS-in-JS and styling, UI component libraries | |
| @amoo-miki/sass-loader Sass loader for webpack | 6.7k | - | - | - | 2 years ago 10.4.1-node-sass-9.0.0-libsass-3.6.5-with-sass-embedded.rc1 | CommonJS | None | CSS-in-JS and styling, Bundler plugins and loaders |
| notiwind A headless Vue 3 notification library to use with Tailwind CSS. | 6.6k | +76% | - | 1 year ago 2.1.0 | ESM + CommonJS | Bundled | Bundlers, Vue | |
| gulp-purgecss Gulp plugin for purgecss | 6.6k | -15% | - | 7 months ago 8.0.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| weapp-tailwindcss Bring Tailwind CSS to every platform! 把 Tailwind CSS 的原子化开发体验带到全端！ | 6.4k | +450% | - | 1 day ago 5.5.9 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| hover.css [](https://gitter.im/IanLunn/Hover?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) | 6.3k | +200% | - | - 2.3.2 | CommonJS | None | CSS-in-JS and styling | |
| computed-style-to-inline-style Convert a HTML element's computed CSS to inline CSS. | 6.3k | +4% | - | 3 years ago 4.0.0 | CommonJS | Bundled | CSS-in-JS and styling | |
| nativeflowcss A utility-first styling objects for React Native, syntax similar to Tailwind. | 6.3k | +15825% | - | 4 months ago 1.4.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| @shelf/esbuild-config A collection of configurations and utilities to help you build projects or libraries using esbuild. Includes plugins for common tasks like transpiling TypeScript and compiling SASS and styled-components, as well as presets for React. | 6.3k | - | - | - | 1 year ago 0.3.0 | ESM + CommonJS | None | CSS-in-JS and styling, React |
| file-icon-vectors A collection of file type SVG icons, licensed MIT and available for free use in your applications. | 6.2k | +32% | - | 8 years ago 1.0.0 | - | None | Icons, CSS-in-JS and styling | |
| styled-css-grid A tiny CSS grid layout for React, built with styled-components | 6.1k | +22% | - | 2 years ago 1.3.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| tailwind-datepicker-react A tailwindcss/flowbite datepicker component built as a react component with types | 6.1k | -18% | - | 2 years ago 1.4.3 | CommonJS | Bundled | CSS-in-JS and styling, Date pickers | |
| postcss-map PostCSS plugin enabling configuration maps | 6.1k | +92% | - | 7 years ago 0.11.0 | - | None | CSS-in-JS and styling | |
| yakuhanjp Yakumono-Hankaku Fonts | 6.1k | +171% | - | - 4.1.1 | ESM only | None | CSS-in-JS and styling | |
| modularscale-sass A tool to help web designers size their type in a more meaningful way. | 6k | -13% | - | 7 years ago 3.0.10 | CommonJS | None | CSS-in-JS and styling | |
| flyonui The easiest, free and open-source Tailwind CSS component library with semantic classes. | 6k | +100% | - | 11 months ago 2.4.1 | ESM only | None | CSS-in-JS and styling, UI component libraries | |
| tailwindcss-config Tailwind CSS configuration loader for cross-platform toolchains. 跨端工具链的 Tailwind CSS 配置加载器。 | 6k | +232% | - | 4 days ago 2.0.5 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Configuration | |
| splitting Micro-library to split a DOM element's words & chars into elements populated with CSS vars. | 5.9k | -8% | - | 2 years ago 1.1.0 | CommonJS | None | CSS-in-JS and styling, Animation |
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.
- jss-isolateTrue rules isolation through automatic properties reset.
- mdb-ui-kitBootstrap 5 UI KIT - 700+ components, plain JavaScript, MIT license, simple installation.
- mdb-react-ui-kitBootstrap 5 & React 18 UI KIT - 700+ components, MIT license, simple installation.
- flag-icons-svgA beautiful `svg` + `less` + `sass` + `css` collection of country flags.
- postcss-plugin-sharedShared utilities for postcss-plugins monorepo packages.
- @pandacss/studioThe automated token documentation for Panda CSS
- bootstrap-socialSocial Buttons for Bootstrap ============================ [](https://badge.fury.io/js/bootstrap-social) [](https://badge.fury.io/bo
- styled-bootstrap-gridbootstrap grid system using styled components
- @itwin/itwinui-layouts-cssiTwinUI CSS package that provides classes for most common layouts
- @itwin/itwinui-layouts-reactiTwinUI package that provides React components for most common layouts
- vite-plugin-stylexVite Plugin for StyleX
- postcss-safe-importantPostCSS plugin that adds !important to style declarations safely
- rollup-plugin-lit-cssImport CSS files as tagged template literals
- @linaria/rollupBlazing fast zero-runtime CSS in JS library
- cardCard lets you add an interactive, CSS3 credit card animation to your credit card form to help your users through the process.
- @buffetjs/stylesBuffetjs Styles - The styling solution of Buffetjs
- charts.cssOpen source CSS framework for data visualization.
- @react-theming/storybook-addonDevelop themes and themable components with Emotion, Styled Components, Material-UI and your custom solution
- bourbon-neatA lightweight, semantic grid framework
- pretty-lightsCSS-in-JS with a reliable API
- postcss-px-to-viewportA CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).
- picostyleMost lightweight CSS in JS library ever.
- @buffetjs/customBuffetjs Custom Components
- @ilamy/calendarA full-featured React calendar component library built with Shadcn-Ui, Tailwind CSS, and TypeScript.
- stylelint-plugin-use-baselineA Stylelint plugin that enforces CSS feature availability based on Baseline.
- iviewA high quality UI components Library with Vue.js
- @figma-export/output-styles-as-sassOutputter for @figma-export that exports styles to SASS and SCSS
- stylelint-plugin-defensive-cssA Stylelint plugin to enforce defensive CSS best practices.
- @epegzz/sass-vars-loaderA SASS vars loader for Webpack. Load global SASS vars from JS/JSON/Typescript files or from Webpack config.
- better-svelte-emailSvelte email renderer with Tailwind support
- flex-gap-polyfillA PostCSS polyfill for adding gap between flex items
- react-styled-flexboxgridGrid system based on styled-components and flexbox for React
- hint.cssA tooltip library in CSS for your lovely websites.
- @amoo-miki/sass-loaderSass loader for webpack
- notiwindA headless Vue 3 notification library to use with Tailwind CSS.
- gulp-purgecssGulp plugin for purgecss
- weapp-tailwindcssBring Tailwind CSS to every platform! 把 Tailwind CSS 的原子化开发体验带到全端！
- hover.css[](https://gitter.im/IanLunn/Hover?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
- computed-style-to-inline-styleConvert a HTML element's computed CSS to inline CSS.
- nativeflowcssA utility-first styling objects for React Native, syntax similar to Tailwind.
- @shelf/esbuild-configA collection of configurations and utilities to help you build projects or libraries using esbuild. Includes plugins for common tasks like transpiling TypeScript and compiling SASS and styled-components, as well as presets for React.
- file-icon-vectorsA collection of file type SVG icons, licensed MIT and available for free use in your applications.
- styled-css-gridA tiny CSS grid layout for React, built with styled-components
- tailwind-datepicker-reactA tailwindcss/flowbite datepicker component built as a react component with types
- postcss-mapPostCSS plugin enabling configuration maps
- yakuhanjpYakumono-Hankaku Fonts
- modularscale-sassA tool to help web designers size their type in a more meaningful way.
- flyonuiThe easiest, free and open-source Tailwind CSS component library with semantic classes.
- tailwindcss-configTailwind CSS configuration loader for cross-platform toolchains. 跨端工具链的 Tailwind CSS 配置加载器。
- splittingMicro-library to split a DOM element's words & chars into elements populated with CSS vars.
- 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