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 |
|---|---|---|---|---|---|---|---|---|
| @fontsource-variable/roboto-condensed Self-host the Roboto Condensed font in a neatly bundled NPM package. | 16.2k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @mui/material-pigment-css A wrapper over Pigment CSS that provides the same styled and theming APIs as Material UI. | 16.2k | - | - | - | 29 days ago 9.4.0 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling |
| gulp-sass-glob Gulp task to use glob imports in your sass/scss files. | 15.4k | -23% | - | 7 years ago 1.1.0 | CommonJS | None | CSS-in-JS and styling, Files and file systems | |
| fela-plugin-rtl Fela plugin to convert styles to RTL | 15.4k | -21% | - | 3 years ago 12.2.1 | ESM + CommonJS | None | CSS-in-JS and styling, Accessibility | |
| beercss Build material design interfaces in record time... without stress for devs. | 15.3k | +511% | - | - 5.0.3 | ESM only | Bundled | UI component libraries, CSS-in-JS and styling | |
| sass.js Sass.js is a convenience API for the JavaScript libsass (compiled with Emscripten) | 15.2k | -41% | - | - 0.11.1 | CommonJS | None | CSS-in-JS and styling | |
| style-helpers CSS helpers framework | 15.1k | +17% | - | 6 years ago 1.0.2 | CommonJS | None | Animation, CSS-in-JS and styling | |
| tailwindcss-animatecss Add Animate CSS as Tailwind CSS plugin to your project. | 14.6k | +19% | - | 2 years ago 3.0.5 | CommonJS | None | CSS-in-JS and styling, Animation | |
| react-native-web-hooks Hooks for React Native web and Expo | 14.6k | -7% | - | 4 years ago 3.0.2 | CommonJS | Bundled | React, CSS-in-JS and styling | |
| flagpack A lightweight flag icon toolkit for the web | 14.3k | +268% | - | - 1.0.5 | CommonJS | None | CSS-in-JS and styling | |
| @terrazzo/plugin-css-in-js Use CSS Vars in clientside JS. Compatible with Linaria, StyleX, Vanilla Extract, Styled Components, and most CSS-in-JS libraries. | 14.1k | - | - | - | 1 month ago 2.7.1 | ESM only | None | CSS-in-JS and styling, UI component libraries |
| external-svg-loader Plug 'n play external SVG loader | 14.1k | +13% | - | - 1.7.1 | CommonJS | None | CSS-in-JS and styling, Image processing | |
| @css-inline/css-inline-wasm High-performance library for inlining CSS into HTML 'style' attributes | 14k | - | - | - | 1 month ago 0.21.2 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Email |
| @material-ui/styled-engine Material-UI Styled - Wrapper package for emotion. | 13.9k | - | - | - | 5 years ago 5.0.0-alpha.11 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling |
| babel-plugin-transform-react-styled-components-qa Add data-qa property to styled-components via .attrs using the component name | 13.7k | +28% | - | 5 years ago 2.1.0 | CommonJS | None | CSS-in-JS and styling | |
| postcss-focus PostCSS plugin to add :focus-visible selector to every :hover for keyboard accessibility | 13.4k | +17% | - | 3 years ago 7.0.0 | - | None | Accessibility, CSS-in-JS and styling | |
| postcss-svg Inline SVGs in CSS. Supports SVG Fragments, SVG Parameters. | 13.2k | +133% | - | 7 years ago 3.0.0 | ESM + CommonJS | None | CSS-in-JS and styling | |
| tailwindcss-grid-areas A Tailwind CSS plugin designed to streamline the creation of utility classes for defining grid areas in your layouts. This plugin simplifies the process of specifying grid areas, automatically generating corresponding utility classes that seamlessly integ | 13k | +1537% | - | 2 years ago 0.1.1 | ESM only | Bundled | CSS-in-JS and styling | |
| @21st-dev/magic Magic MCP is now the 21st MCP. This package is a compatibility proxy kept for old configs - new setups should use `npx @21st-dev/cli@latest init`. Setup: https://21st.dev/mcp | 12.9k | - | - | - | 15 days ago 0.2.3 | ESM only | None | UI component libraries, CSS-in-JS and styling |
| merge-sx Combines multiple SxProps for Material UI components. | 12.8k | +62% | - | 1 month ago 4.0.1 | ESM only | Bundled | CSS-in-JS and styling, React | |
| @spiriit/vite-plugin-svg-spritemap Generates symbol-based SVG spritemap from all .svg files in a directory | 12.8k | - | - | - | 1 month ago 7.2.0 | ESM only | Bundled | CSS-in-JS and styling, Bundler plugins and loaders |
| bootstrap-material-design Material Design for Bootstrap 4 | 12.8k | +43% | - | 6 years ago 4.1.3 | CommonJS | None | CSS-in-JS and styling, UI component libraries | |
| @css-inline/css-inline-win32-arm64-msvc High-performance library for inlining CSS into HTML 'style' attributes | 12.7k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| destyle.css Opinionated reset stylesheet that provides a clean slate for styling your html. | 12.7k | +33% | - | - 4.0.1 | CommonJS | None | CSS-in-JS and styling | |
| gulp-sass-lint Gulp plugin for Sass Lint | 12.6k | -13% | - | 8 years ago 1.4.0 | CommonJS | None | CSS-in-JS and styling | |
| styled-media-query Beautiful media queries for styled-component | 12.5k | -30% | - | 7 years ago 2.1.2 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| purecss Pure is a ridiculously tiny CSS library you can use to start any web project. | 12.4k | +36% | - | - 3.0.0 | CommonJS | None | CSS-in-JS and styling | |
| postcss-assets PostCSS plugin to manage assets | 12.1k | -49% | - | 5 years ago 6.0.0 | CommonJS | None | CSS-in-JS and styling | |
| styled-breakpoints Simple and powerful css breakpoints for styled-components and emotion | 11.8k | -46% | - | 29 days ago 15.0.4 | ESM only | Bundled | CSS-in-JS and styling, React | |
| next-with-linaria Linaria support for Next.js App Router | 11.8k | +380% | - | 1 month ago 1.5.0 | CommonJS | Bundled | Bundlers, CSS-in-JS and styling | |
| babel-plugin-pure-static-props Fixes issue with tree shaking that can occur when using static properties on React components using styled-components | 11.7k | -24% | - | 5 years ago 0.2.0 | CommonJS | None | React, CSS-in-JS and styling | |
| postcss-input-range Style range inputs with unprefixed pseudo-classes | 11.6k | -20% | - | 1 year ago 6.0.0 | ESM + CommonJS | None | CSS-in-JS and styling | |
| gulp-stylus Stylus plugin for gulp | 11.5k | +14% | - | 3 years ago 3.0.1 | CommonJS | None | CSS-in-JS and styling | |
| @fumadocs/language Common language packs for Fumadocs | 11.1k | - | - | - | 1 day ago 0.2.6 | ESM only | None | Documentation tooling, CSS-in-JS and styling |
| @biomejs/wasm-web WebAssembly bindings to the Biome workspace API | 11k | - | - | - | 9 days ago 2.5.14 | ESM only | Bundled | Parsers and serialisers, Linting and formatting |
| stylelint-config-xo Stylelint shareable config for XO | 11k | +106% | - | 2 years ago 1.0.2 | ESM only | None | Linting and formatting, CSS-in-JS and styling | |
| theo Design Tokens formatter | 10.9k | +89% | - | 6 years ago 8.1.5 | CommonJS | None | CSS-in-JS and styling | |
| style-it Component for writing plaintext CSS in React apps -- isomorphic, scoped, FOUC-free, fully featured, CSS-in-JS | 10.8k | +98% | - | 7 years ago 2.1.4 | CommonJS | None | CSS-in-JS and styling, React | |
| @linaria/preeval Blazing fast zero-runtime CSS in JS library | 10.8k | - | - | - | 4 years ago 3.0.0-beta.23 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| @ngxpert/hot-toast Smoking hot Notifications for Angular. Lightweight, customizable and beautiful by default. | 10.8k | - | - | - | 24 days ago 7.0.0 | ESM only | Bundled | Angular, CSS-in-JS and styling |
| bootstrap-italia Bootstrap Italia è un tema Bootstrap 5 per la creazione di applicazioni web nel pieno rispetto delle linee guida di design per i siti internet e i servizi digitali della PA | 10.6k | +32% | - | 1 month ago 2.18.3 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| next-yak next-yak is a CSS-in-JS solution tailored for Next.js that seamlessly combines the expressive power of styled-components syntax with efficient build-time extraction of CSS using Next.js's built-in CSS configuration | 10.5k | +30% | - | 10 days ago 9.10.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| scrollreveal Animate elements as they scroll into view | 10.4k | -19% | - | 5 years ago 4.0.9 | ESM + CommonJS | None | Animation, DOM and browser utilities | |
| @linaria/atomic Blazing fast zero-runtime CSS in JS library | 10.4k | - | - | - | 1 month ago 8.2.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| @origin-space/image-cropper A headless React component for image cropping | 10.4k | - | - | - | 1 year ago 0.1.9 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling |
| yak-swc next-yak rust based swc plugin to compile styled components at build time | 10.4k | +21% | - | 10 days ago 9.10.0 | CommonJS | None | CSS-in-JS and styling | |
| react-compat-css-styled This component is a lightweight, simple line style component for react-compat | 10.3k | -12% | - | 4 years ago 1.0.9 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| react-twc Create reusable Tailwind CSS components with React. | 10.3k | +69% | - | 1 year ago 1.5.1 | ESM only | Bundled | CSS-in-JS and styling, React | |
| @antebudimir/eslint-plugin-vanilla-extract Comprehensive ESLint plugin for vanilla-extract with CSS property ordering, style validation, and best practices enforcement. Supports alphabetical, concentric and custom CSS ordering, auto-fixing, and zero-runtime safety. | 10.2k | - | - | - | 3 months ago 1.17.0 | ESM only | Bundled | Linting and formatting, CSS-in-JS and styling |
| @udecode/plate-ui Add Plate components to your apps. | 10.2k | - | - | - | 1 year ago 35.0.0 | ESM + CommonJS | Bundled | Rich text and code editors, 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.
- @fontsource-variable/roboto-condensedSelf-host the Roboto Condensed font in a neatly bundled NPM package.
- @mui/material-pigment-cssA wrapper over Pigment CSS that provides the same styled and theming APIs as Material UI.
- gulp-sass-globGulp task to use glob imports in your sass/scss files.
- fela-plugin-rtlFela plugin to convert styles to RTL
- beercssBuild material design interfaces in record time... without stress for devs.
- sass.jsSass.js is a convenience API for the JavaScript libsass (compiled with Emscripten)
- style-helpersCSS helpers framework
- tailwindcss-animatecssAdd Animate CSS as Tailwind CSS plugin to your project.
- react-native-web-hooksHooks for React Native web and Expo
- flagpackA lightweight flag icon toolkit for the web
- @terrazzo/plugin-css-in-jsUse CSS Vars in clientside JS. Compatible with Linaria, StyleX, Vanilla Extract, Styled Components, and most CSS-in-JS libraries.
- external-svg-loaderPlug 'n play external SVG loader
- @css-inline/css-inline-wasmHigh-performance library for inlining CSS into HTML 'style' attributes
- @material-ui/styled-engineMaterial-UI Styled - Wrapper package for emotion.
- babel-plugin-transform-react-styled-components-qaAdd data-qa property to styled-components via .attrs using the component name
- postcss-focusPostCSS plugin to add :focus-visible selector to every :hover for keyboard accessibility
- postcss-svgInline SVGs in CSS. Supports SVG Fragments, SVG Parameters.
- tailwindcss-grid-areasA Tailwind CSS plugin designed to streamline the creation of utility classes for defining grid areas in your layouts. This plugin simplifies the process of specifying grid areas, automatically generating corresponding utility classes that seamlessly integ
- @21st-dev/magicMagic MCP is now the 21st MCP. This package is a compatibility proxy kept for old configs - new setups should use `npx @21st-dev/cli@latest init`. Setup: https://21st.dev/mcp
- merge-sxCombines multiple SxProps for Material UI components.
- @spiriit/vite-plugin-svg-spritemapGenerates symbol-based SVG spritemap from all .svg files in a directory
- bootstrap-material-designMaterial Design for Bootstrap 4
- @css-inline/css-inline-win32-arm64-msvcHigh-performance library for inlining CSS into HTML 'style' attributes
- destyle.cssOpinionated reset stylesheet that provides a clean slate for styling your html.
- gulp-sass-lintGulp plugin for Sass Lint
- styled-media-queryBeautiful media queries for styled-component
- purecssPure is a ridiculously tiny CSS library you can use to start any web project.
- postcss-assetsPostCSS plugin to manage assets
- styled-breakpointsSimple and powerful css breakpoints for styled-components and emotion
- next-with-linariaLinaria support for Next.js App Router
- babel-plugin-pure-static-propsFixes issue with tree shaking that can occur when using static properties on React components using styled-components
- postcss-input-rangeStyle range inputs with unprefixed pseudo-classes
- gulp-stylusStylus plugin for gulp
- @fumadocs/languageCommon language packs for Fumadocs
- @biomejs/wasm-webWebAssembly bindings to the Biome workspace API
- stylelint-config-xoStylelint shareable config for XO
- theoDesign Tokens formatter
- style-itComponent for writing plaintext CSS in React apps -- isomorphic, scoped, FOUC-free, fully featured, CSS-in-JS
- @linaria/preevalBlazing fast zero-runtime CSS in JS library
- @ngxpert/hot-toastSmoking hot Notifications for Angular. Lightweight, customizable and beautiful by default.
- bootstrap-italiaBootstrap Italia è un tema Bootstrap 5 per la creazione di applicazioni web nel pieno rispetto delle linee guida di design per i siti internet e i servizi digitali della PA
- next-yaknext-yak is a CSS-in-JS solution tailored for Next.js that seamlessly combines the expressive power of styled-components syntax with efficient build-time extraction of CSS using Next.js's built-in CSS configuration
- scrollrevealAnimate elements as they scroll into view
- @linaria/atomicBlazing fast zero-runtime CSS in JS library
- @origin-space/image-cropperA headless React component for image cropping
- yak-swcnext-yak rust based swc plugin to compile styled components at build time
- react-compat-css-styledThis component is a lightweight, simple line style component for react-compat
- react-twcCreate reusable Tailwind CSS components with React.
- @antebudimir/eslint-plugin-vanilla-extractComprehensive ESLint plugin for vanilla-extract with CSS property ordering, style validation, and best practices enforcement. Supports alphabetical, concentric and custom CSS ordering, auto-fixing, and zero-runtime safety.
- @udecode/plate-uiAdd Plate components to your apps.
- 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