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 |
|---|---|---|---|---|---|---|---|---|
| storybook-addon-sass-postcss Storybook addon used to run the PostCSS preprocessor with Sass support against your stories. | 24.8k | -6% | - | 11 months ago 0.4.0 | CommonJS | Bundled | CSS-in-JS and styling, Documentation tooling | |
| @ebay/skin Skin - CSS modules that represent the brand eBay | 24.6k | - | - | - | 7 days ago 19.36.0 | ESM + CommonJS | None | Accessibility, CSS-in-JS and styling |
| @css-inline/css-inline-android-arm64 High-performance library for inlining CSS into HTML 'style' attributes | 24.5k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| open-props <div align="center"> | 24.5k | +70% | - | 7 months ago 1.7.23 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @fontsource/pt-sans Self-host the PT Sans font in a neatly bundled NPM package. | 24.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @fontsource/tajawal Self-host the Tajawal font in a neatly bundled NPM package. | 24.4k | - | - | - | 2 months ago 5.3.0 | CommonJS | Bundled | CSS-in-JS and styling |
| @css-inline/css-inline-android-arm-eabi High-performance library for inlining CSS into HTML 'style' attributes | 24.3k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| emotion-server Extract and inline critical css with emotion for server side rendering. | 24.3k | -17% | - | 5 years ago 11.0.0 | CommonJS | Bundled | CSS-in-JS and styling, React | |
| penthouse Generate critical path CSS for web pages | 24.1k | -29% | - | 4 years ago 2.3.3 | CommonJS | None | CSS-in-JS and styling, Scraping and browser automation | |
| @xstyled/styled-components A utility-first CSS-in-JS framework built for React (styled-components bindings). | 24.1k | - | - | - | 4 months ago 4.1.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| @headlessui-float/vue Easily use Headless UI for Vue 3 with Floating UI (Popper.js) | 24.1k | - | - | - | 1 year ago 0.15.1 | ESM + CommonJS | Bundled | Vue, DOM and browser utilities |
| postcss-object-fit-images PostCSS plugin that updates the standard object-fit tag to work with the object-fit-images polyfill for browsers that do not natively support object-fit. | 23.5k | +32% | - | 10 years ago 1.1.2 | - | None | CSS-in-JS and styling, Polyfills and shims | |
| spritesheet-templates Convert spritesheet data into CSS or CSS pre-processor data | 23.4k | -15% | - | 1 day ago 10.6.1 | CommonJS | None | CSS-in-JS and styling | |
| tw-elements TW Elements is a huge collection of free, interactive components for Tailwind CSS. | 23.3k | -11% | - | - 2.0.0 | ESM only | Bundled | CSS-in-JS and styling | |
| postcss-lightningcss PostCSS plugin to use lightningcss | 23.1k | +140% | - | 1 month ago 1.1.1 | CommonJS | Bundled | CSS-in-JS and styling | |
| super-animejs JavaScript animation engine | 23k | -9% | - | 7 years ago 3.1.0 | ESM + CommonJS | None | Animation, Image processing | |
| sass-true Unit testing for Sass. | 22.9k | +1% | - | 9 months ago 10.1.0 | CommonJS | Bundled | Testing, CSS-in-JS and styling | |
| rebass React primitive UI components built with Styled System | 22.5k | -43% | - | 6 years ago 4.0.7 | ESM + CommonJS | None | UI component libraries, CSS-in-JS and styling | |
| postcss-flexibility PostCSS plugin for Flexibility polyfill | 22k | -34% | - | 5 years ago 3.0.0 | CommonJS | None | CSS-in-JS and styling, Polyfills and shims | |
| @linaria/babel-preset Blazing fast zero-runtime CSS in JS library | 21.7k | - | - | - | 2 years ago 5.0.4 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| postcss-clean PostCSS plugin to minify CSS with clean-css | 21.6k | +21% | - | 5 years ago 1.2.2 | ESM + CommonJS | None | CSS-in-JS and styling | |
| @dub/embed-core Vanilla JS core script that embeds Dub's dashboards. | 21.6k | - | - | - | 17 days ago 0.0.19 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Database clients and drivers |
| @expo/match-media Universal polyfill for match media API using Expo APIs on mobile | 21.4k | - | - | - | 3 years ago 0.4.0 | CommonJS | Bundled | CSS-in-JS and styling, React |
| @selectize/selectize Selectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc. | 20.9k | - | - | - | 3 years ago 0.15.2 | CommonJS | None | CSS-in-JS and styling |
| svg-spritemap-webpack-plugin Generates symbol-based SVG spritemap from all .svg files in a directory | 20.6k | -18% | - | 4 months ago 5.1.4 | ESM only | Bundled | CSS-in-JS and styling, Bundler plugins and loaders | |
| @dub/embed-react Embed React components for Dub. | 20.1k | - | - | - | 17 days ago 0.0.19 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Database clients and drivers |
| minify Minifier of js, css, html and img | 20.1k | -20% | - | - 15.3.1 | ESM only | None | CSS-in-JS and styling | |
| jets Native CSS search engine | 19.9k | -39% | - | - 0.15.0 | CommonJS | None | CSS-in-JS and styling | |
| @linaria/shaker Blazing fast zero-runtime CSS in JS library | 19.8k | - | - | - | 2 years ago 5.0.3 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| postcss-em-media-query PostCSS plugin for transforming min/max-width/height media queries to ems. | 19.3k | +36% | - | 2 years ago 4.1.1 | ESM + CommonJS | None | CSS-in-JS and styling | |
| todomvc-app-css CSS for TodoMVC apps | 19.2k | +54% | - | 2 years ago 2.4.3 | - | None | CSS-in-JS and styling | |
| select2-bootstrap-5-theme Select2 v4 theme for Bootstrap 5 | 19k | +36% | - | - 1.3.0 | - | None | CSS-in-JS and styling | |
| takumi-pdf Render paged PDFs from JSX, HTML, and CSS. No headless browser. | 18.8k | - | - | 10 days ago 0.15.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| gulp-svg-sprite SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours | 18.6k | -39% | - | 3 years ago 2.0.3 | - | None | CSS-in-JS and styling, Icons | |
| @rebass/grid Responsive React grid system built with styled-system, with support for styled-components and emotion | 18.3k | - | - | - | 7 years ago 6.1.0 | CommonJS | None | CSS-in-JS and styling, React |
| gulp-stylelint Gulp plugin for running Stylelint results through various reporters. | 18.1k | -54% | - | - 13.0.0 | CommonJS | None | CSS-in-JS and styling | |
| csso-cli Command line interface for CSSO | 18.1k | +32% | - | 3 years ago 4.0.2 | CommonJS | None | CLI tools and terminal utilities, CSS-in-JS and styling | |
| epic-spinners Easy to use css spinners collection with vue.js integration. | 17.9k | +26% | - | 3 years ago 2.0.0 | ESM + CommonJS | Bundled | Vue, CSS-in-JS and styling | |
| next-remove-imports The default behavior is to remove all `.less`/`.css`/`.scss`/`.sass`/`.styl` imports from all packages in node_modules. | 17.7k | -2% | - | 6 months ago 1.0.13 | CommonJS | Bundled | CSS-in-JS and styling | |
| basecoat-css Tailwind CSS for Basecoat components | 17.4k | +1002% | - | 2 months ago 1.0.2 | ESM only | None | UI component libraries, CSS-in-JS and styling | |
| tailwind-styled-components Create tailwind css react components like styled components with classes name on multiple lines | 17.4k | -36% | - | 4 years ago 2.2.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| tailwind-animate A v4.0 compatible Tailwind CSS plugin for creating beautiful animations, replacing `tailwindcss-animate`. Includes custom animations like `accordion-up` and `accordion-down`, and more! | 17.3k | +140% | - | 1 year ago 0.2.10 | CommonJS | None | Animation, CSS-in-JS and styling | |
| styled-icons Icons from packs like Font Awesome, Material, Octicons, Feather, Icomoon, and Boxicons available as Styled Components | 17k | +18% | - | 2 years ago 10.47.1 | ESM + CommonJS | Bundled | Icons, CSS-in-JS and styling | |
| styled-react-modal A React modal built with styled-components. | 16.8k | +10% | - | 2 years ago 3.1.1 | ESM + CommonJS | None | React, UI component libraries | |
| postcss-replace PostCSS plugin for replacing strings. | 16.7k | +14% | - | 3 years ago 2.0.1 | CommonJS | None | CSS-in-JS and styling, Strings and text | |
| html-bundler-webpack-plugin Generates complete single-page or multi-page website from source assets. Built-in support for Markdown, Eta, EJS, Handlebars, Nunjucks, Pug. Alternative to html-webpack-plugin. | 16.6k | -41% | - | 3 months ago 4.23.2 | ESM + CommonJS | Bundled | Templating, Markdown | |
| babel-plugin-react-css-modules Transforms styleName to className using compile time CSS module resolution. | 16.5k | -37% | - | - 5.2.6 | CommonJS | None | CSS-in-JS and styling | |
| postcss-styled PostCSS syntax for parsing styled components | 16.4k | -31% | - | 8 years ago 0.34.0 | - | None | CSS-in-JS and styling | |
| styled-components-breakpoint Utility functions for creating breakpoints in `styled-components` 💅. | 16.3k | +3% | - | 6 years ago 3.0.0-preview.20 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling | |
| gulp-uglifycss Gulp plugin to use uglifycss | 16.2k | -13% | - | 8 years ago 1.1.0 | CommonJS | 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.
- storybook-addon-sass-postcssStorybook addon used to run the PostCSS preprocessor with Sass support against your stories.
- @ebay/skinSkin - CSS modules that represent the brand eBay
- @css-inline/css-inline-android-arm64High-performance library for inlining CSS into HTML 'style' attributes
- open-props<div align="center">
- @fontsource/pt-sansSelf-host the PT Sans font in a neatly bundled NPM package.
- @fontsource/tajawalSelf-host the Tajawal font in a neatly bundled NPM package.
- @css-inline/css-inline-android-arm-eabiHigh-performance library for inlining CSS into HTML 'style' attributes
- emotion-serverExtract and inline critical css with emotion for server side rendering.
- penthouseGenerate critical path CSS for web pages
- @xstyled/styled-componentsA utility-first CSS-in-JS framework built for React (styled-components bindings).
- @headlessui-float/vueEasily use Headless UI for Vue 3 with Floating UI (Popper.js)
- postcss-object-fit-imagesPostCSS plugin that updates the standard object-fit tag to work with the object-fit-images polyfill for browsers that do not natively support object-fit.
- spritesheet-templatesConvert spritesheet data into CSS or CSS pre-processor data
- tw-elementsTW Elements is a huge collection of free, interactive components for Tailwind CSS.
- postcss-lightningcssPostCSS plugin to use lightningcss
- super-animejsJavaScript animation engine
- sass-trueUnit testing for Sass.
- rebassReact primitive UI components built with Styled System
- postcss-flexibilityPostCSS plugin for Flexibility polyfill
- @linaria/babel-presetBlazing fast zero-runtime CSS in JS library
- postcss-cleanPostCSS plugin to minify CSS with clean-css
- @dub/embed-coreVanilla JS core script that embeds Dub's dashboards.
- @expo/match-mediaUniversal polyfill for match media API using Expo APIs on mobile
- @selectize/selectizeSelectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc.
- svg-spritemap-webpack-pluginGenerates symbol-based SVG spritemap from all .svg files in a directory
- @dub/embed-reactEmbed React components for Dub.
- minifyMinifier of js, css, html and img
- jetsNative CSS search engine
- @linaria/shakerBlazing fast zero-runtime CSS in JS library
- postcss-em-media-queryPostCSS plugin for transforming min/max-width/height media queries to ems.
- todomvc-app-cssCSS for TodoMVC apps
- select2-bootstrap-5-themeSelect2 v4 theme for Bootstrap 5
- takumi-pdfRender paged PDFs from JSX, HTML, and CSS. No headless browser.
- gulp-svg-spriteSVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours
- @rebass/gridResponsive React grid system built with styled-system, with support for styled-components and emotion
- gulp-stylelintGulp plugin for running Stylelint results through various reporters.
- csso-cliCommand line interface for CSSO
- epic-spinnersEasy to use css spinners collection with vue.js integration.
- next-remove-importsThe default behavior is to remove all `.less`/`.css`/`.scss`/`.sass`/`.styl` imports from all packages in node_modules.
- basecoat-cssTailwind CSS for Basecoat components
- tailwind-styled-componentsCreate tailwind css react components like styled components with classes name on multiple lines
- tailwind-animateA v4.0 compatible Tailwind CSS plugin for creating beautiful animations, replacing `tailwindcss-animate`. Includes custom animations like `accordion-up` and `accordion-down`, and more!
- styled-iconsIcons from packs like Font Awesome, Material, Octicons, Feather, Icomoon, and Boxicons available as Styled Components
- styled-react-modalA React modal built with styled-components.
- postcss-replacePostCSS plugin for replacing strings.
- html-bundler-webpack-pluginGenerates complete single-page or multi-page website from source assets. Built-in support for Markdown, Eta, EJS, Handlebars, Nunjucks, Pug. Alternative to html-webpack-plugin.
- babel-plugin-react-css-modulesTransforms styleName to className using compile time CSS module resolution.
- postcss-styledPostCSS syntax for parsing styled components
- styled-components-breakpointUtility functions for creating breakpoints in `styled-components` 💅.
- gulp-uglifycssGulp plugin to use uglifycss
- 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