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 |
|---|---|---|---|---|---|---|---|---|
| parse-css-font Parse the CSS font property value. | 61.3k | +56% | - | 7 years ago 4.0.0 | CommonJS | Bundled | CSS-in-JS and styling | |
| @emotion/primitives-core Shared utilities for emotion primitives and native | 61.1k | - | - | - | 2 years ago 11.13.2 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| @emotion/native Style and render React Native components using emotion | 60.5k | - | - | - | 3 years ago 11.11.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| reset-css An unmodified copy of Eric Meyer's CSS reset. | 60.1k | -16% | - | - 5.0.2 | CommonJS | None | CSS-in-JS and styling, Bundlers | |
| react-pdf-tailwind Use Tailwind CSS to style PDFs created with react-pdf | 60.1k | +261% | - | 1 year ago 3.0.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| @material-tailwind/react @material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design. | 59.6k | - | - | - | 2 years ago 2.1.10 | CommonJS | Bundled | CSS-in-JS and styling, React |
| @terrazzo/parser Parser/validator for the Design Tokens Community Group (DTCG) standard. | 58.7k | - | - | - | 1 month ago 2.7.1 | ESM only | None | CSS-in-JS and styling, UI component libraries |
| @json-render/shadcn shadcn/ui component library for @json-render/core. JSON becomes beautiful Tailwind-styled React components. | 57.6k | - | - | - | 7 days ago 0.21.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| rollup-plugin-scss Rollup multiple .scss, .sass and .css imports | 57.2k | -1% | - | - 4.0.1 | ESM + CommonJS | None | CSS-in-JS and styling, Bundler plugins and loaders | |
| csso-webpack-plugin CSSO minification files to serve your webpack bundles | 56.6k | -35% | - | 1 year ago 3.0.0 | CommonJS | Bundled | CSS-in-JS and styling | |
| jss-compose JSS plugin for classes composition | 56.4k | -21% | - | 8 years ago 5.0.0 | CommonJS | None | CSS-in-JS and styling | |
| parcel-bundler Blazing fast, zero configuration web application bundler | 56.1k | -16% | - | - 1.12.5 | CommonJS | None | Build tools, CSS-in-JS and styling | |
| @stylexswc/postcss-plugin PostCSS plugin that collects and extracts StyleX styles using a Rust NAPI-RS/SWC compiler. Ideal for Turbopack and custom CSS pipelines. | 55.8k | - | - | - | 2 days ago 0.19.0 | CommonJS | None | CSS-in-JS and styling |
| admin-lte Responsive open source admin dashboard and control panel. | 55.3k | +32% | - | 30 days ago 4.9.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| react-fela React bindings for Fela | 55.1k | +64% | - | 3 years ago 12.2.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| fela-bindings Abstract binding factories for Fela | 54.7k | +66% | - | 3 years ago 12.2.1 | ESM + CommonJS | None | CSS-in-JS and styling | |
| duoop-ui Tactile React components with plain CSS. | 54.3k | - | - | 17 days ago 1.0.1 | ESM only | None | UI component libraries, React | |
| transition-hook ☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group | 53.9k | +407% | - | 4 years ago 1.5.2 | ESM + CommonJS | Bundled | Animation, React | |
| selectize Selectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc. | 53.8k | -41% | - | 8 years ago 0.12.6 | CommonJS | None | CSS-in-JS and styling | |
| carbon-components The Carbon Design System is IBM’s open-source design system for products and experiences. | 53.5k | +12% | - | - 10.58.15 | ESM + CommonJS | None | UI component libraries, React | |
| create-emotion-styled The styled API for emotion | 52.1k | +37% | - | 8 years ago 9.2.8 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| styled-reset Eric Meyer's Reset CSS for styled-components | 51k | +86% | - | 1 year ago 5.0.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| apca-w3 APCA: the Accessible Perceptual Contrast Algorithm, a modern contrast method that improves readability contrast on self-illuminated displays. Developed for the W3C's WCAG 3 and other standards. | 49.8k | +52% | - | 4 years ago 0.1.9 | ESM only | None | Accessibility, CSS-in-JS and styling | |
| @netlify/tailwind-config Netlify's Tailwind CSS configuration | 49.7k | - | - | - | 1 year ago 2.1.0 | CommonJS | Bundled | CSS-in-JS and styling |
| precss Use Sass-like markup and staged CSS features in CSS | 48.6k | -24% | - | - 4.0.0 | ESM + CommonJS | None | CSS-in-JS and styling | |
| sass-mq mq() is a Sass mixin that helps manipulating media queries in an elegant way. | 47.8k | -31% | - | 3 months ago 7.0.1 | CommonJS | None | CSS-in-JS and styling | |
| tailwindcss-stimulus-components A set of Stimulus components (tabs, dropdowns, modals, toggles, autosave, etc) for TailwindCSS users | 47.5k | +77% | - | 3 months ago 6.1.4 | ESM + CommonJS | None | CSS-in-JS and styling | |
| twin.macro Twin blends the magic of Tailwind with the flexibility of css-in-js | 47.2k | -4% | - | 2 years ago 3.4.1 | CommonJS | Bundled | CSS-in-JS and styling | |
| tailwindcss-motion Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS. | 47.1k | +94% | - | 1 year ago 1.1.1 | ESM + CommonJS | Bundled | Animation, CSS-in-JS and styling | |
| jss-extend JSS plugin that enables mixing in styles. | 46.6k | -14% | - | 8 years ago 6.2.0 | CommonJS | None | CSS-in-JS and styling | |
| jss-expand JSS plugin that gives you a better syntax than CSS. | 46.2k | -14% | - | 8 years ago 5.3.0 | CommonJS | None | CSS-in-JS and styling | |
| @styled/typescript-styled-plugin TypeScript language service plugin that adds IntelliSense for styled components | 44.6k | - | - | - | 2 years ago 1.0.1 | CommonJS | Bundled | CSS-in-JS and styling, TypeScript tooling |
| preline Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. | 44k | +13% | - | 1 month ago 5.0.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, TypeScript tooling | |
| jss-template JSS plugin enables string templates | 43.8k | -19% | - | 8 years ago 1.0.1 | CommonJS | None | CSS-in-JS and styling | |
| jss-rtl Flip styles using rtl-css-js | 43.7k | -1% | - | 7 years ago 0.3.0 | CommonJS | Bundled | CSS-in-JS and styling | |
| stylelint-plugin-logical-css A Stylelint plugin to enforce the use of logical CSS properties, values and units. | 43.5k | +81% | - | 5 months ago 2.1.0 | ESM + CommonJS | Bundled | Internationalisation, Linting and formatting | |
| grunt-postcss Apply several post-processors to your CSS using PostCSS | 43k | -6% | - | - 0.9.0 | - | None | CSS-in-JS and styling | |
| @tabler/core Premium and Open Source dashboard template with responsive and high quality UI. | 42.7k | - | - | - | 15 days ago 1.5.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| rollup-plugin-styler Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more | 42.7k | +217% | - | 1 month ago 2.1.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Bundler plugins and loaders | |
| @css-inline/css-inline-linux-arm64-gnu High-performance library for inlining CSS into HTML 'style' attributes | 42.4k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
| @stylexswc/unplugin Universal StyleX plugin for Vite, webpack, Rspack, Rollup, esbuild, Farm, Rsbuild, Nuxt, and Astro, powered by a Rust NAPI-RS/SWC compiler. | 42.3k | - | - | - | 2 days ago 0.19.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Vue |
| facehash Deterministic avatar faces from any string. Lightweight, interactive, pure CSS. Works with any framework. | 42.1k | - | - | 7 months ago 0.1.0 | ESM only | Bundled | Static site generators and meta-frameworks, React | |
| @shadcn/helpers Small helpers for developing apps. | 40.8k | - | - | - | 1 month ago 0.2.0 | ESM only | Bundled | CSS-in-JS and styling, UI component libraries |
| gatsby-plugin-styled-components Gatsby plugin to add support for styled components | 39.7k | -50% | - | 7 months ago 6.16.0 | CommonJS | None | CSS-in-JS and styling | |
| @rtsao/csstype Strict TypeScript and Flow types for style based on MDN data | 38.1k | - | - | - | 6 years ago 2.6.5-forked.0 | - | Bundled | TypeScript tooling, CSS-in-JS and styling |
| reflexbox Responsive React grid system built with Styled System, with support for Emotion and Styled Components | 37.9k | -3% | - | 7 years ago 4.0.6 | CommonJS | None | CSS-in-JS and styling, React | |
| @oddbird/css-anchor-positioning Polyfill for the proposed CSS anchor positioning spec | 37.6k | - | - | - | 1 month ago 0.10.2 | ESM + CommonJS | Bundled | Polyfills and shims, CSS-in-JS and styling |
| purgecss-webpack-plugin PurgeCSS plugin for webpack - Remove unused css | 37.5k | -20% | - | 8 months ago 8.0.0 | ESM + CommonJS | Bundled | Bundler plugins and loaders, CSS-in-JS and styling | |
| fela-plugin-validator Fela plugin to validate style objects | 36.9k | +277% | - | 3 years ago 12.2.1 | ESM + CommonJS | None | CSS-in-JS and styling, React | |
| @css-inline/css-inline-linux-arm64-musl High-performance library for inlining CSS into HTML 'style' attributes | 36.5k | - | - | - | 1 month ago 0.21.2 | CommonJS | None | CSS-in-JS and styling, Email |
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.
- parse-css-fontParse the CSS font property value.
- @emotion/primitives-coreShared utilities for emotion primitives and native
- @emotion/nativeStyle and render React Native components using emotion
- reset-cssAn unmodified copy of Eric Meyer's CSS reset.
- react-pdf-tailwindUse Tailwind CSS to style PDFs created with react-pdf
- @material-tailwind/react@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.
- @terrazzo/parserParser/validator for the Design Tokens Community Group (DTCG) standard.
- @json-render/shadcnshadcn/ui component library for @json-render/core. JSON becomes beautiful Tailwind-styled React components.
- rollup-plugin-scssRollup multiple .scss, .sass and .css imports
- csso-webpack-pluginCSSO minification files to serve your webpack bundles
- jss-composeJSS plugin for classes composition
- parcel-bundlerBlazing fast, zero configuration web application bundler
- @stylexswc/postcss-pluginPostCSS plugin that collects and extracts StyleX styles using a Rust NAPI-RS/SWC compiler. Ideal for Turbopack and custom CSS pipelines.
- admin-lteResponsive open source admin dashboard and control panel.
- react-felaReact bindings for Fela
- fela-bindingsAbstract binding factories for Fela
- duoop-uiTactile React components with plain CSS.
- transition-hook☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group
- selectizeSelectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc.
- carbon-componentsThe Carbon Design System is IBM’s open-source design system for products and experiences.
- create-emotion-styledThe styled API for emotion
- styled-resetEric Meyer's Reset CSS for styled-components
- apca-w3APCA: the Accessible Perceptual Contrast Algorithm, a modern contrast method that improves readability contrast on self-illuminated displays. Developed for the W3C's WCAG 3 and other standards.
- @netlify/tailwind-configNetlify's Tailwind CSS configuration
- precssUse Sass-like markup and staged CSS features in CSS
- sass-mqmq() is a Sass mixin that helps manipulating media queries in an elegant way.
- tailwindcss-stimulus-componentsA set of Stimulus components (tabs, dropdowns, modals, toggles, autosave, etc) for TailwindCSS users
- twin.macroTwin blends the magic of Tailwind with the flexibility of css-in-js
- tailwindcss-motionTailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.
- jss-extendJSS plugin that enables mixing in styles.
- jss-expandJSS plugin that gives you a better syntax than CSS.
- @styled/typescript-styled-pluginTypeScript language service plugin that adds IntelliSense for styled components
- prelinePreline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
- jss-templateJSS plugin enables string templates
- jss-rtlFlip styles using rtl-css-js
- stylelint-plugin-logical-cssA Stylelint plugin to enforce the use of logical CSS properties, values and units.
- grunt-postcssApply several post-processors to your CSS using PostCSS
- @tabler/corePremium and Open Source dashboard template with responsive and high quality UI.
- rollup-plugin-stylerUniversal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more
- @css-inline/css-inline-linux-arm64-gnuHigh-performance library for inlining CSS into HTML 'style' attributes
- @stylexswc/unpluginUniversal StyleX plugin for Vite, webpack, Rspack, Rollup, esbuild, Farm, Rsbuild, Nuxt, and Astro, powered by a Rust NAPI-RS/SWC compiler.
- facehashDeterministic avatar faces from any string. Lightweight, interactive, pure CSS. Works with any framework.
- @shadcn/helpersSmall helpers for developing apps.
- gatsby-plugin-styled-componentsGatsby plugin to add support for styled components
- @rtsao/csstypeStrict TypeScript and Flow types for style based on MDN data
- reflexboxResponsive React grid system built with Styled System, with support for Emotion and Styled Components
- @oddbird/css-anchor-positioningPolyfill for the proposed CSS anchor positioning spec
- purgecss-webpack-pluginPurgeCSS plugin for webpack - Remove unused css
- fela-plugin-validatorFela plugin to validate style objects
- @css-inline/css-inline-linux-arm64-muslHigh-performance library for inlining CSS into HTML 'style' attributes
- 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