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 |
|---|---|---|---|---|---|---|---|---|
| @plumeria/init One command that sets up Plumeria: detects the bundler, installs the packages, writes the configs | 1.3k | - | - | - | 2 days ago 19.2.15 | CommonJS | Bundled | CSS-in-JS and styling |
| @tonic-ui/react-base Headless React components intended for creating custom UI elements. | 1.3k | - | - | - | 5 days ago 3.0.0-alpha.1 | ESM + CommonJS | Bundled | React, UI component libraries |
| pandacss-preset-radix-colors Brings Radix Colors to 🐼 PandaCSS | 1.3k | -85% | - | 8 months ago 0.2.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| react-simple-json-viewer A basic lightweight React component for viewing data in an expandable way. | 1.3k | +295% | - | 2 years ago 0.0.4 | CommonJS | Bundled | React, CSS-in-JS and styling | |
| node-sass-import Allows recursive import of SCSS components from local and/or node_modules directories using npm's module resolving algorithm | 1.3k | -10% | - | 8 years ago 2.0.1 | CommonJS | None | CSS-in-JS and styling | |
| @preline/collapse Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. | 1.3k | - | - | - | 1 month ago 5.0.0 | CommonJS | Bundled | CSS-in-JS and styling, TypeScript tooling |
| tcomb-postcss Extends the tcomb library with PostCSS irreducible node types. | 1.3k | +2540% | - | 11 years ago 1.0.2 | CommonJS | None | CSS-in-JS and styling | |
| svg-sprite-data Create SVG sprite data only | 1.3k | -43% | - | 9 years ago 3.1.0 | CommonJS | None | CSS-in-JS and styling, Icons | |
| styled-components-rtl Allows u add ltr-rtl direction switching for your styled components | 1.2k | -76% | - | 5 years ago 5.2.0 | CommonJS | None | CSS-in-JS and styling | |
| @tenphi/tasty A design-system-integrated styling system and DSL for concise, state-aware UI styling | 1.2k | - | - | - | 7 days ago 3.9.2 | ESM only | Bundled | CSS-in-JS and styling, UI component libraries |
| eslint-plugin-yak ESLint and Oxlint plugin for next-yak | 1.2k | +9706% | - | 10 days ago 1.4.0 | ESM only | Bundled | CSS-in-JS and styling, Linting and formatting | |
| @uiw/react-overlay-trigger OverlayTrigger component | 1.2k | - | - | - | 2 years ago 4.22.3 | ESM + CommonJS | Bundled | UI component libraries, React |
| inline-assets Inline External Assets of HTML/CSS Files | 1.2k | +48% | - | - 1.5.1 | CommonJS | Bundled | CSS-in-JS and styling | |
| @djthoms/pretty-checkbox A pure css library to beautify checkbox and radio buttons. | 1.2k | - | - | - | 6 years ago 3.1.0 | CommonJS | None | CSS-in-JS and styling |
| svelte-media-queries A light and magical Svelte component for CSS media queries🐹 | 1.2k | -38% | - | 2 years ago 1.6.2 | ESM only | Bundled | Svelte, CSS-in-JS and styling | |
| kouto-swiss A complete CSS framework for Stylus | 1.2k | +57% | - | 9 years ago 1.1.0 | CommonJS | None | CSS-in-JS and styling | |
| @moderneinc/design-system-components Styled MUI components for Moderne applications | 1.2k | - | - | - | 3 days ago 7.6.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, UI component libraries |
| gulp-sass-vars Inject variables in sass files | 1.2k | -25% | - | 5 years ago 1.1.5 | CommonJS | None | CSS-in-JS and styling | |
| postcss-sass-loader <div align="center"> <h1>PostCSS Loader</h1> <p>Loader for <a href="https://webpack.js.org/">webpack</a> to process SASS with <a href="https://postcss.org/">PostCSS</a></p> </div> | 1.2k | +161% | - | 7 years ago 1.1.0 | CommonJS | None | CSS-in-JS and styling | |
| wallace-cli Pretty CSS analytics on the CLI | 1.2k | +1090% | - | 1 month ago 4.0.3 | ESM only | None | CLI tools and terminal utilities, CSS-in-JS and styling | |
| @dermotduffy/panzoom Pan and zoom elements anywhere using native transformations | 1.2k | - | - | - | 1 month ago 4.6.2 | ESM only | Bundled | CSS-in-JS and styling, Image processing |
| design-system-utils Design-system utils for working with JS-in-CSS | 1.1k | -40% | - | 7 years ago 1.5.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| water.css A drop-in collection of CSS styles to make simple websites just a little nicer | 1.1k | +6% | - | - 2.1.1 | CommonJS | None | CSS-in-JS and styling | |
| dead-styles Find unused CSS-in-JS classes (tss-react / MUI makeStyles / JSS) and unused global Sass/SCSS/CSS classes across your whole project, not just one file | 1.1k | - | - | - 0.1.7 | ESM only | Bundled | CSS-in-JS and styling | |
| tailwint Tiny Tailwind CSS linter and auto-fixer for CI — powered by the official language server, not regex | 1.1k | - | - | 9 days ago 1.1.16 | ESM only | Bundled | CSS-in-JS and styling, CLI tools and terminal utilities | |
| tailwind-lint A command-line tool that uses the Tailwind CSS IntelliSense plugin to show linting suggestions for your Tailwind CSS classes | 1.1k | - | - | 2 months ago 0.12.1 | ESM only | Bundled | CSS-in-JS and styling, Linting and formatting | |
| @carbonorm/rollup-plugin-postcss Seamless integration between Rollup and PostCSS | 1.1k | - | - | - | 3 years ago 3.0.0 | CommonJS | Bundled | CSS-in-JS and styling |
| reset-jss JSS port of Meyer's reset.css | 1.1k | +153% | - | 8 years ago 1.0.0 | - | None | CSS-in-JS and styling | |
| esbuild-plugin-react18-css ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc. | 1.1k | -57% | - | 2 years ago 0.0.4 | CommonJS | Bundled | CSS-in-JS and styling, Bundler plugins and loaders | |
| stylis-rtlcss tiny styled-components plugin converts LTR to RTL, based on RTLCSS | 1.1k | +161% | - | 6 years ago 2.1.1 | CommonJS | Bundled | CSS-in-JS and styling | |
| vue-loaders Vue component wrappers for loaders.css (https://github.com/ConnorAtherton/loaders.css) | 1.1k | +26% | - | 5 years ago 4.1.4 | ESM + CommonJS | Bundled | Animation, Vue | |
| @rebass/preset Base theme preset for use with Rebass | 1.1k | - | - | - | 7 years ago 4.0.5 | CommonJS | None | UI component libraries, CSS-in-JS and styling |
| svelte-overflow-fade A Svelte action to add overflow fade effects to scrollable containers | 1.1k | +440% | - | 2 months ago 1.2.1 | ESM only | Bundled | Svelte, DOM and browser utilities | |
| next-optimized-classnames Reduce all CSS classes produced by CSS modules to the smallest form possible | 1.1k | +51% | - | 5 years ago 1.0.2 | CommonJS | Bundled | CSS-in-JS and styling | |
| @devup-ui/react Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor | 1.1k | - | - | - | 9 days ago 1.0.43 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| @linaria/stylelint-config-standard-linaria Blazing fast zero-runtime CSS in JS library | 1.1k | - | - | - | 1 month ago 8.2.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| create-skaff Interactive, batteries-included Next.js scaffolder: App Router, TypeScript, Tailwind CSS, shadcn/ui, Motion, Better Auth, Drizzle, Oxlint and agent-browser, picked from a terminal UI. | 1.1k | - | - | - 0.0.24 | ESM only | None | CLI tools and terminal utilities, CSS-in-JS and styling | |
| norma-library Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications. | 1.1k | +15% | - | 7 months ago 0.6.989 | ESM + CommonJS | Bundled | CSS-in-JS and styling, UI component libraries | |
| react-360-product-viewer Showcase your products in this 360 viewer component. | 1.1k | -13% | - | 5 months ago 0.2.10 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling | |
| pandacss-preset-typography A 🐼 PandaCSS typography preset inspired by the TailwindCSS typography plugin | 1.1k | +75% | - | 2 years ago 0.1.6 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| @devup-ui/wasm Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor | 1k | - | - | - | today 1.0.81 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| styled-map <br /><div align="center"> | 1k | +1% | - | 7 years ago 3.3.0 | CommonJS | Bundled | CSS-in-JS and styling, React | |
| hyperellipse Transparent polyfill for CSS corner-shape — squircles, superellipses, scoops, notches, and per-corner mixes | 1k | - | - | 3 months ago 1.0.5 | ESM + CommonJS | Bundled | Polyfills and shims, CSS-in-JS and styling | |
| vue3-styled-components Visual primitives for the component age. A simple port of styled-components 💅 for Vue | 1k | +15% | - | 5 years ago 1.2.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Vue | |
| zss-engine A CSS-in-JS transpiler engine for building zero-runtime stylesheets at build time. | 1k | +74% | - | 21 days ago 2.8.0 | ESM + CommonJS | Bundled | Build tools, CSS-in-JS and styling | |
| layui-layer npm version of layui-layer | 1k | +407% | - | - 1.0.9 | CommonJS | None | CSS-in-JS and styling, UI component libraries | |
| react-mops Modify Orientation Position Size | 1k | -53% | - | 6 years ago 1.0.0 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling | |
| @devup-ui/next-plugin Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor | 1k | - | - | - | today 1.0.88 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| tailwind-canonical Lint and auto-fix Tailwind CSS arbitrary values that have canonical equivalents | 1k | - | - | 20 days ago 0.7.0 | ESM only | Bundled | Linting and formatting, CSS-in-JS and styling | |
| styles Compile your LESS stylesheets using JSON and underscore. | 1k | -16% | - | 13 years ago 0.2.1 | CommonJS | None | CSS-in-JS and styling, UI component libraries |
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.
- @plumeria/initOne command that sets up Plumeria: detects the bundler, installs the packages, writes the configs
- @tonic-ui/react-baseHeadless React components intended for creating custom UI elements.
- pandacss-preset-radix-colorsBrings Radix Colors to 🐼 PandaCSS
- react-simple-json-viewerA basic lightweight React component for viewing data in an expandable way.
- node-sass-importAllows recursive import of SCSS components from local and/or node_modules directories using npm's module resolving algorithm
- @preline/collapsePreline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
- tcomb-postcssExtends the tcomb library with PostCSS irreducible node types.
- svg-sprite-dataCreate SVG sprite data only
- styled-components-rtlAllows u add ltr-rtl direction switching for your styled components
- @tenphi/tastyA design-system-integrated styling system and DSL for concise, state-aware UI styling
- eslint-plugin-yakESLint and Oxlint plugin for next-yak
- @uiw/react-overlay-triggerOverlayTrigger component
- inline-assetsInline External Assets of HTML/CSS Files
- @djthoms/pretty-checkboxA pure css library to beautify checkbox and radio buttons.
- svelte-media-queriesA light and magical Svelte component for CSS media queries🐹
- kouto-swissA complete CSS framework for Stylus
- @moderneinc/design-system-componentsStyled MUI components for Moderne applications
- gulp-sass-varsInject variables in sass files
- postcss-sass-loader<div align="center"> <h1>PostCSS Loader</h1> <p>Loader for <a href="https://webpack.js.org/">webpack</a> to process SASS with <a href="https://postcss.org/">PostCSS</a></p> </div>
- wallace-cliPretty CSS analytics on the CLI
- @dermotduffy/panzoomPan and zoom elements anywhere using native transformations
- design-system-utilsDesign-system utils for working with JS-in-CSS
- water.cssA drop-in collection of CSS styles to make simple websites just a little nicer
- dead-stylesFind unused CSS-in-JS classes (tss-react / MUI makeStyles / JSS) and unused global Sass/SCSS/CSS classes across your whole project, not just one file
- tailwintTiny Tailwind CSS linter and auto-fixer for CI — powered by the official language server, not regex
- tailwind-lintA command-line tool that uses the Tailwind CSS IntelliSense plugin to show linting suggestions for your Tailwind CSS classes
- @carbonorm/rollup-plugin-postcssSeamless integration between Rollup and PostCSS
- reset-jssJSS port of Meyer's reset.css
- esbuild-plugin-react18-cssESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc.
- stylis-rtlcsstiny styled-components plugin converts LTR to RTL, based on RTLCSS
- vue-loadersVue component wrappers for loaders.css (https://github.com/ConnorAtherton/loaders.css)
- @rebass/presetBase theme preset for use with Rebass
- svelte-overflow-fadeA Svelte action to add overflow fade effects to scrollable containers
- next-optimized-classnamesReduce all CSS classes produced by CSS modules to the smallest form possible
- @devup-ui/reactZero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
- @linaria/stylelint-config-standard-linariaBlazing fast zero-runtime CSS in JS library
- create-skaffInteractive, batteries-included Next.js scaffolder: App Router, TypeScript, Tailwind CSS, shadcn/ui, Motion, Better Auth, Drizzle, Oxlint and agent-browser, picked from a terminal UI.
- norma-libraryOlos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
- react-360-product-viewerShowcase your products in this 360 viewer component.
- pandacss-preset-typographyA 🐼 PandaCSS typography preset inspired by the TailwindCSS typography plugin
- @devup-ui/wasmZero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
- styled-map<br /><div align="center">
- hyperellipseTransparent polyfill for CSS corner-shape — squircles, superellipses, scoops, notches, and per-corner mixes
- vue3-styled-componentsVisual primitives for the component age. A simple port of styled-components 💅 for Vue
- zss-engineA CSS-in-JS transpiler engine for building zero-runtime stylesheets at build time.
- layui-layernpm version of layui-layer
- react-mopsModify Orientation Position Size
- @devup-ui/next-pluginZero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
- tailwind-canonicalLint and auto-fix Tailwind CSS arbitrary values that have canonical equivalents
- stylesCompile your LESS stylesheets using JSON and underscore.
- 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