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 |
|---|---|---|---|---|---|---|---|---|
| react-awesome-reveal React components to add reveal animations using the Intersection Observer API and CSS Animations. | 36.3k | +30% | - | 1 year ago 4.3.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Animation | |
| @mantine/emotion Emotion bindings for Mantine | 34.2k | - | - | - | 4 days ago 9.6.2 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling |
| postcss-image-inliner PostCSS plugin to inline images into css | 33.6k | -13% | - | 2 years ago 7.0.1 | - | None | CSS-in-JS and styling | |
| gatsby-plugin-emotion Gatsby plugin to add support for Emotion | 33.5k | +2% | - | 7 months ago 8.16.0 | CommonJS | None | CSS-in-JS and styling, GraphQL | |
| scroll-behavior-polyfill A polyfill for the 'scroll-behavior' CSS-property | 32.8k | -20% | - | 6 years ago 2.0.13 | ESM + CommonJS | Bundled | Polyfills and shims, CSS-in-JS and styling | |
| gulp-cssnano Minify CSS with cssnano. | 32.7k | +7% | - | - 2.1.3 | CommonJS | None | CSS-in-JS and styling | |
| extracted-loader Reloads stylesheets extracted with with ExtractTextPlugin | 32.4k | -26% | - | 8 years ago 1.0.7 | CommonJS | None | CSS-in-JS and styling | |
| stx-router File-based router for STX — .stx template discovery, nested layouts, typed route params, middleware, and client-side SPA navigation. | 32k | - | - | today 0.2.312 | ESM only | Bundled | Routing, CSS-in-JS and styling | |
| @trufflesuite/chromafi 🦅 cli syntax highlighting: any function - any object - 176 languages | 31.9k | - | - | - | 4 years ago 3.0.0 | CommonJS | None | CLI tools and terminal utilities, Parsers and serialisers |
| bootstrap-table An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation) | 31.9k | +6% | - | 5 months ago 1.27.3 | ESM only | Bundled | UI component libraries, CSS-in-JS and styling | |
| @stylexswc/turbopack-plugin StyleX loader for Next.js Turbopack powered by a Rust NAPI-RS/SWC compiler. | 31.3k | - | - | - | 2 days ago 0.19.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| simple-line-icons Simple and elegant line icons. | 31.3k | +3% | - | 6 years ago 2.5.5 | CommonJS | None | Icons, CSS-in-JS and styling | |
| scss-bundle Bundling SCSS files to one bundled file. | 31.2k | +26% | - | 6 years ago 3.1.2 | CommonJS | Bundled | CSS-in-JS and styling | |
| @css-inline/css-inline-darwin-arm64 High-performance library for inlining CSS into HTML 'style' attributes | 30.9k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| html-minifier-next Highly effective, super-configurable, well-tested web page minifier (enhanced successor to HTML Minifier) | 30.6k | +908% | - | 4 days ago 8.5.3 | ESM only | Bundled | CLI tools and terminal utilities, CSS-in-JS and styling | |
| @stylexswc/nextjs-plugin StyleX plugin for Next.js powered by a Rust NAPI-RS/SWC compiler. Supports Webpack, Rspack, and Turbopack builds with CSS extraction. | 30.4k | - | - | - | 2 days ago 0.19.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| @stylexswc/webpack-plugin StyleX plugin for webpack powered by a Rust NAPI-RS/SWC compiler. Fast StyleX transforms and CSS extraction without Babel. | 30.2k | - | - | - | 2 days ago 0.19.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Bundler plugins and loaders |
| motion-ui Sass library for creating transitions and animations. | 30.2k | -8% | - | - 2.0.8 | CommonJS | None | CSS-in-JS and styling | |
| @css-inline/css-inline-win32-x64-msvc High-performance library for inlining CSS into HTML 'style' attributes | 30.1k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| webpack-fix-style-only-entries Package to fix style (css/sass/less/stylus) only entries generating a extra js file. | 30.1k | -26% | - | 5 years ago 0.6.1 | CommonJS | None | CSS-in-JS and styling, Bundlers | |
| @xstyled/system xstyled system utilities. | 30.1k | - | - | - | 4 months ago 3.8.3 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| colorguard Keep a watchful eye on your css colors | 30k | -24% | - | 8 years ago 1.2.1 | CommonJS | None | CSS-in-JS and styling | |
| @css-inline/css-inline-darwin-x64 High-performance library for inlining CSS into HTML 'style' attributes | 29.8k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| eslint-plugin-tailwind-canonical-classes ESLint plugin to enforce canonical Tailwind CSS class names using Tailwind CSS v4's canonicalization API | 29.8k | - | - | 2 months ago 1.4.1 | ESM only | Bundled | Linting and formatting, CSS-in-JS and styling | |
| select2-bootstrap-theme A theme for Select2 v4 and Bootstrap 3. | 29k | -32% | - | - 0.1.0-beta.10 | - | None | CSS-in-JS and styling | |
| create-emotion-server SSR and style extraction tooling for emotion, The Next Generation of CSS-in-JS. | 29k | -4% | - | 5 years ago 11.0.0 | CommonJS | Bundled | CSS-in-JS and styling, React | |
| emotion-normalize Normalize file for emotion JSS library | 28.5k | +38% | - | 5 years ago 11.0.1 | CommonJS | Bundled | CSS-in-JS and styling | |
| @coreui/coreui-pro The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten by the CoreUI Team | 28.5k | - | - | - | 1 month ago 5.27.1 | ESM + CommonJS | None | CSS-in-JS and styling |
| stylelint-high-performance-animation Stylelint rule for preventing the use of low performance animation and transition properties. | 28.3k | +40% | - | 7 months ago 2.0.0 | ESM only | None | Animation, Linting and formatting | |
| jss-plugin-isolate True rules isolation through automatic properties reset. | 28.2k | -28% | - | 3 years ago 10.10.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| react-extras Useful components and utilities for working with React | 28k | +1087% | - | 7 months ago 4.1.0 | ESM only | Bundled | CSS-in-JS and styling, React | |
| grapesjs-parser-postcss Custom CSS parser via PostCSS for GrapesJS | 27.7k | +221% | - | 2 years ago 1.0.3 | CommonJS | None | CSS-in-JS and styling | |
| eslint-plugin-css An ESLint plugin that provides rules to verify CSS definition objects. | 27.6k | +19% | - | 7 months ago 0.12.0 | CommonJS | Bundled | Linting and formatting, CSS-in-JS and styling | |
| @gluestack-style/react A universal & performant styling library for React Native, Next.js & React | 27.1k | - | - | - | 2 years ago 1.0.57 | ESM + CommonJS | Bundled | UI component libraries, React |
| emotion-reset Reset file for emotion JSS library | 27k | +36% | - | 5 years ago 3.0.1 | CommonJS | Bundled | CSS-in-JS and styling | |
| jest-emotion Jest utilities for emotion | 26.9k | -26% | - | 5 years ago 11.0.0 | CommonJS | Bundled | CSS-in-JS and styling, React | |
| stylelint-browser-compat Yet another linter rule to detect compatibility of CSS features. | 26.9k | +300% | - | 10 months ago 1.0.0-beta.180 | CommonJS | None | Linting and formatting, CSS-in-JS and styling | |
| @css-inline/css-inline-linux-arm-gnueabihf High-performance library for inlining CSS into HTML 'style' attributes | 26.6k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| gulp-reporter Error report for: CSSLint/EditorConfig/ESLint/HTMLHint/JSCS/JSHint/PostCSS/Standard/TSLint/XO | 26.6k | -36% | - | 7 years ago 2.10.0 | CommonJS | None | Linting and formatting, CSS-in-JS and styling | |
| the-new-css-reset the new CSS reset, using new css features | 26.4k | +9% | - | - 1.11.3 | CommonJS | None | CSS-in-JS and styling | |
| hamburgers Collection of tasty CSS-animated hamburger icons. Includes Sass files (modular and customizable), so cook up your own hamburger. | 26.3k | -9% | - | - 1.2.1 | CommonJS | None | CSS-in-JS and styling, Animation | |
| bs-stepper A stepper for Bootstrap 4 | 26.2k | -19% | - | 7 years ago 1.7.0 | CommonJS | Bundled | UI component libraries, React | |
| easings-css Easing functions for CSS, provided as CSS Custom Properties, JavaScript modules, JSON object and Less and Sass variables. | 26.1k | -18% | - | 4 years ago 2.1.1 | ESM + CommonJS | None | CSS-in-JS and styling, Animation | |
| postcss-csso PostCSS plugin to minify CSS using CSSO | 26.1k | -9% | - | 4 years ago 6.0.1 | ESM + CommonJS | None | CSS-in-JS and styling | |
| babel-plugin-css-modules-transform Transform required css modules so one can use generated class names. | 26k | +26% | - | - 1.6.2 | CommonJS | None | CSS-in-JS and styling | |
| style-object-to-css-string A micro-package to convert style objects to css strings. Inspired by extensive usage of styled-components. | 25.9k | +17% | - | 2 years ago 1.1.3 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| gulp-dart-sass Gulp plugin for sass | 25.6k | -20% | - | 3 years ago 1.1.0 | CommonJS | None | CSS-in-JS and styling | |
| pretty-checkbox A pure css library to beautify checkbox and radio buttons. | 25.6k | -1% | - | 8 years ago 3.0.3 | CommonJS | None | Animation, CSS-in-JS and styling | |
| postcss-hover-media-feature PostCSS plugin that extracts and wraps rules containing `:hover` pseudo-classes in `@media (hover: hover) {}` media queries | 25.5k | -37% | - | 4 years ago 1.0.2 | ESM + CommonJS | None | CSS-in-JS and styling | |
| @jsonforms/vue-vanilla Vue 3 Vanilla renderers for JSON Forms | 24.9k | - | - | - | 3 months ago 3.8.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, 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.
- react-awesome-revealReact components to add reveal animations using the Intersection Observer API and CSS Animations.
- @mantine/emotionEmotion bindings for Mantine
- postcss-image-inlinerPostCSS plugin to inline images into css
- gatsby-plugin-emotionGatsby plugin to add support for Emotion
- scroll-behavior-polyfillA polyfill for the 'scroll-behavior' CSS-property
- gulp-cssnanoMinify CSS with cssnano.
- extracted-loaderReloads stylesheets extracted with with ExtractTextPlugin
- stx-routerFile-based router for STX — .stx template discovery, nested layouts, typed route params, middleware, and client-side SPA navigation.
- @trufflesuite/chromafi🦅 cli syntax highlighting: any function - any object - 176 languages
- bootstrap-tableAn extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)
- @stylexswc/turbopack-pluginStyleX loader for Next.js Turbopack powered by a Rust NAPI-RS/SWC compiler.
- simple-line-iconsSimple and elegant line icons.
- scss-bundleBundling SCSS files to one bundled file.
- @css-inline/css-inline-darwin-arm64High-performance library for inlining CSS into HTML 'style' attributes
- html-minifier-nextHighly effective, super-configurable, well-tested web page minifier (enhanced successor to HTML Minifier)
- @stylexswc/nextjs-pluginStyleX plugin for Next.js powered by a Rust NAPI-RS/SWC compiler. Supports Webpack, Rspack, and Turbopack builds with CSS extraction.
- @stylexswc/webpack-pluginStyleX plugin for webpack powered by a Rust NAPI-RS/SWC compiler. Fast StyleX transforms and CSS extraction without Babel.
- motion-uiSass library for creating transitions and animations.
- @css-inline/css-inline-win32-x64-msvcHigh-performance library for inlining CSS into HTML 'style' attributes
- webpack-fix-style-only-entriesPackage to fix style (css/sass/less/stylus) only entries generating a extra js file.
- @xstyled/systemxstyled system utilities.
- colorguardKeep a watchful eye on your css colors
- @css-inline/css-inline-darwin-x64High-performance library for inlining CSS into HTML 'style' attributes
- eslint-plugin-tailwind-canonical-classesESLint plugin to enforce canonical Tailwind CSS class names using Tailwind CSS v4's canonicalization API
- select2-bootstrap-themeA theme for Select2 v4 and Bootstrap 3.
- create-emotion-serverSSR and style extraction tooling for emotion, The Next Generation of CSS-in-JS.
- emotion-normalizeNormalize file for emotion JSS library
- @coreui/coreui-proThe most popular front-end framework for developing responsive, mobile-first projects on the web rewritten by the CoreUI Team
- stylelint-high-performance-animationStylelint rule for preventing the use of low performance animation and transition properties.
- jss-plugin-isolateTrue rules isolation through automatic properties reset.
- react-extrasUseful components and utilities for working with React
- grapesjs-parser-postcssCustom CSS parser via PostCSS for GrapesJS
- eslint-plugin-cssAn ESLint plugin that provides rules to verify CSS definition objects.
- @gluestack-style/reactA universal & performant styling library for React Native, Next.js & React
- emotion-resetReset file for emotion JSS library
- jest-emotionJest utilities for emotion
- stylelint-browser-compatYet another linter rule to detect compatibility of CSS features.
- @css-inline/css-inline-linux-arm-gnueabihfHigh-performance library for inlining CSS into HTML 'style' attributes
- gulp-reporterError report for: CSSLint/EditorConfig/ESLint/HTMLHint/JSCS/JSHint/PostCSS/Standard/TSLint/XO
- the-new-css-resetthe new CSS reset, using new css features
- hamburgersCollection of tasty CSS-animated hamburger icons. Includes Sass files (modular and customizable), so cook up your own hamburger.
- bs-stepperA stepper for Bootstrap 4
- easings-cssEasing functions for CSS, provided as CSS Custom Properties, JavaScript modules, JSON object and Less and Sass variables.
- postcss-cssoPostCSS plugin to minify CSS using CSSO
- babel-plugin-css-modules-transformTransform required css modules so one can use generated class names.
- style-object-to-css-stringA micro-package to convert style objects to css strings. Inspired by extensive usage of styled-components.
- gulp-dart-sassGulp plugin for sass
- pretty-checkboxA pure css library to beautify checkbox and radio buttons.
- postcss-hover-media-featurePostCSS plugin that extracts and wraps rules containing `:hover` pseudo-classes in `@media (hover: hover) {}` media queries
- @jsonforms/vue-vanillaVue 3 Vanilla renderers for JSON Forms
- 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