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 |
|---|---|---|---|---|---|---|---|---|
| foundation You may also want to checkout: | 2.5k | +121% | - | 13 years ago 4.2.1-1 | CommonJS | None | CSS-in-JS and styling, HTTP servers and web frameworks | |
| @cssxjs/css-to-react-native Convert CSS text to a React Native stylesheet object | 2.5k | - | - | - | 7 months ago 3.2.0-2 | CommonJS | Bundled | CSS-in-JS and styling, React |
| postcss-assets-webpack-plugin Webpack plugin to apply postcss on webpack's emit event | 2.5k | -6% | - | 5 years ago 4.1.2 | CommonJS | None | CSS-in-JS and styling | |
| @roots/wordpress-theme-json-webpack-plugin Webpack plugin to help with wp_enqueue_script | 2.5k | - | - | - | 1 year ago 6.24.0 | ESM only | Bundled | CSS-in-JS and styling, React |
| @codecademy/variance Constraint based CSS in JS for building scalable design systems | 2.4k | - | - | - | 1 month ago 1.1.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, UI component libraries |
| lightswind A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components. | 2.4k | +248% | - | 17 days ago 3.2.5 | ESM + CommonJS | Bundled | UI component libraries, React | |
| @linaria/server Blazing fast zero-runtime CSS in JS library | 2.4k | - | - | - | 1 month ago 8.2.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| style-dictionary-esm Style once, use everywhere. A build system for creating cross-platform styles. | 2.4k | -1% | - | 2 years ago 1.9.2 | ESM + CommonJS | Bundled | Build tools, CSS-in-JS and styling | |
| css-aliases Lets you create custom aliases for CSS, less, SASS and etc. properties with an @alias rule | 2.4k | +266% | - | - 1.1.10 | CommonJS | None | CSS-in-JS and styling | |
| tw-fade Elegant, CSS-driven scroll-edge fade masking for Tailwind CSS v4. Add fade-y, fade-x, fade-start, or fade-end to any scroll container to fade content into its surface at the edges — scroll-gated with zero JavaScript. | 2.4k | - | - | 1 month ago 0.8.0 | CommonJS | None | DOM and browser utilities, CSS-in-JS and styling | |
| @workday/canvas-kit-styling The custom CSS in JS solution that takes JS styles and turns them into static CSS | 2.4k | - | - | - | 9 days ago 16.1.1 | ESM + CommonJS | Bundled | UI component libraries, CSS-in-JS and styling |
| grunt-svg-sprite SVG sprites & stacks galore — Grunt 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 | 2.3k | -39% | - | 3 years ago 2.0.2 | - | None | CSS-in-JS and styling, Icons | |
| @volue/stitches-react The modern CSS-in-JS library | 2.2k | - | - | - | 12 days ago 1.4.4 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| sass-extract-js Plugin for sass-extract to convert Sass variables into a plain JS object | 2.2k | -18% | - | 8 years ago 0.4.0 | CommonJS | None | CSS-in-JS and styling | |
| pixeden-stroke-7-icon This is a complete set of 202 thin stroke icons inspired by iOS 7. Those retina ready icons have a very modern style that will beautifully complement any project. | 2.2k | +826% | - | 11 years ago 1.2.3 | CommonJS | None | Icons, CSS-in-JS and styling | |
| bootstrap-star-rating A simple yet powerful JQuery star rating plugin for Bootstrap. | 2.2k | +65% | - | - 4.1.2 | CommonJS | None | CSS-in-JS and styling | |
| @ironkinoko/rollup-plugin-styles Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more | 2.2k | - | - | - | 1 year ago 4.0.4 | CommonJS | Bundled | CSS-in-JS and styling, Bundler plugins and loaders |
| sass-material-colors Google's Material Design colors for Sass/Scss | 2.2k | +2% | - | 11 years ago 0.0.5 | CommonJS | None | CSS-in-JS and styling | |
| styled-props Small helper to style your components with style. | 2.2k | -13% | - | 8 years ago 1.1.2 | CommonJS | None | CSS-in-JS and styling | |
| @preline/tabs Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. | 2.2k | - | - | - | 1 month ago 5.0.0 | CommonJS | Bundled | CSS-in-JS and styling, TypeScript tooling |
| bootstrap-styled Bootstrap Styled is a front-end ecosystem for React made with Bootstrap 4 philosophy, using the power of css-in-js thanks to styled-components. | 2.2k | +160% | - | 6 years ago 2.7.2 | ESM + CommonJS | None | CSS-in-JS and styling, React | |
| grunt-sass-lint Lint your sass using Node Sass Lint | 2.2k | -27% | - | - 0.2.4 | - | None | CSS-in-JS and styling | |
| styled-is Flag utility for styled-components | 2.1k | -9% | - | 7 years ago 1.3.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling | |
| sass-extract-loader Webpack loader for sass-extract. Extract structured variables when importing sass files. | 2.1k | -23% | - | 8 years ago 1.1.0 | CommonJS | None | CSS-in-JS and styling, Bundler plugins and loaders | |
| react-awesome-styled-grid A responsive grid system layout for React using styled-components | 2.1k | -39% | - | 2 years ago 4.0.1 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling | |
| fela-native Fela Renderer for React Native | 2.1k | -24% | - | 3 years ago 12.2.1 | ESM + CommonJS | None | CSS-in-JS and styling, React | |
| @mwvalen/stylis-plugin-rtl Fork of stylis-rtl, uses cssjanus under the hood to flip style orientations for RTL | 2.1k | - | - | - | 3 years ago 2.1.3 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| @bootstrap-styled/utils UMD module for helper functions used as utilities for bootstrap-styled and other related modules | 2.1k | - | - | - | 6 years ago 1.8.1 | ESM + CommonJS | None | CSS-in-JS and styling, UI component libraries |
| @bbc/psammead-paragraph React component for a Paragraph | 2k | - | - | - | 4 years ago 4.0.30 | ESM + CommonJS | None | CSS-in-JS and styling |
| animate.less LESS cross-browser animation library. Ready for Twitter Bootstrap. Originally created by Dan Eden. | 2k | -2% | - | 11 years ago 2.2.0 | - | None | Animation, CSS-in-JS and styling | |
| vuefinder A sleek, developer-friendly file manager for Vue — organize, preview, and manage files with ease. | 2k | +524% | - | 8 days ago 4.7.6 | ESM only | Bundled | Vue, CSS-in-JS and styling | |
| stylelint-custom-processor-loader A Webpack loader for stylelint used with custom processors | 2k | -37% | - | 7 years ago 0.6.0 | CommonJS | None | Bundler plugins and loaders, Linting and formatting | |
| @bootstrap-styled/css-utils Bootstrap mixins and utilities in javascript for bootstrap-styled. | 2k | - | - | - | 6 years ago 1.4.1 | ESM + CommonJS | None | CSS-in-JS and styling, UI component libraries |
| @bootstrap-styled/v4 twbs/bootstrap V4 UI Components made with bootstrap-styled. Work with css-in-js, react, styled-components, and Bootstrap Styled utilities. | 2k | - | - | - | 6 years ago 3.4.0 | ESM + CommonJS | None | CSS-in-JS and styling, React |
| @styleframe/plugin Unplugin for Styleframe. Use it with Vite, Webpack, Astro, Nuxt, Rollup, Rspack, and more. | 1.9k | - | - | - | 3 months ago 3.4.1 | ESM only | Bundled | Vue, CSS-in-JS and styling |
| css-in-js-media easy code with css-in-js with mediaquery via css-in-js-media | 1.9k | +91% | - | 5 years ago 2.0.1 | CommonJS | None | CSS-in-JS and styling | |
| alias-resolve-loader Webpack preLoader lets you create custom aliases for CSS,less and SASS properties with an @alias rule | 1.9k | +443% | - | 9 years ago 2.0.4 | CommonJS | None | CSS-in-JS and styling | |
| ember-cli-stylelint StyleLint addon for ember applications. | 1.9k | -32% | - | - 4.0.0 | - | None | CSS-in-JS and styling, Linting and formatting | |
| @theme-ui/prism A syntax highlighting component based on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer) that works seamlessly with Theme UI. | 1.9k | - | - | - | 8 months ago 0.17.4 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| postcss-asset-url Map urls to different locations | 1.9k | +374% | - | - 1.0.0 | CommonJS | None | CSS-in-JS and styling | |
| @bootstrap-styled/provider BootstrapProvider and UtilityProvider components help you manage reset, global styles and original bootstrap class utilities | 1.9k | - | - | - | 5 years ago 2.0.3 | ESM + CommonJS | None | CSS-in-JS and styling, UI component libraries |
| @se-studio/core-ui Shared React UI component library with Tailwind CSS v4 for SE Studio applications | 1.8k | - | - | - | 2 days ago 1.33.2 | ESM only | Bundled | UI component libraries, CSS-in-JS and styling |
| @rocketsofawesome/mirage [Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/) | 1.8k | - | - | - | 3 years ago 0.2.0 | CommonJS | None | CSS-in-JS and styling, React |
| animated-tailwindcss A configuration to use Animate.css with Tailwind CSS | 1.8k | +38% | - | 3 years ago 4.0.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Animation | |
| openvue OpenVue is an open source, MIT-licensed UI library for Vue featuring a rich set of 80+ components, a theme designer, and various theme alternatives such as Material, Bootstrap and Tailwind. It is a community-maintained continuation of PrimeVue. | 1.8k | - | - | 14 days ago 1.0.0 | ESM + CommonJS | Bundled | UI component libraries, Vue | |
| bs-css-emotion bs-css bindings for Emotion | 1.8k | +99% | - | 1 year ago 7.1.1 | - | None | CSS-in-JS and styling | |
| vue-styled-components Visual primitives for the component age. A simple port of styled-components 💅 for Vue | 1.8k | -50% | - | 5 years ago 1.6.0 | ESM + CommonJS | None | CSS-in-JS and styling, Vue | |
| storybook-addon-theme-provider Storybook addon to manage global themes provided by Styled components, Emotion or any other solution based on React component. Compatible with Storybook versions 7 and 8 | 1.7k | -55% | - | 1 year ago 0.2.10 | ESM only | Bundled | CSS-in-JS and styling, Documentation tooling | |
| magic.css Magic CSS3 animations | 1.7k | +67% | - | 4 years ago 1.4.8 | CommonJS | None | Animation, CSS-in-JS and styling | |
| browser-style-dictionary Style once, use everywhere. A build system for creating cross-platform styles. | 1.7k | -54% | - | 3 years ago 3.1.1-browser.2 | CommonJS | Bundled | Build tools, 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.
- foundationYou may also want to checkout:
- @cssxjs/css-to-react-nativeConvert CSS text to a React Native stylesheet object
- postcss-assets-webpack-pluginWebpack plugin to apply postcss on webpack's emit event
- @roots/wordpress-theme-json-webpack-pluginWebpack plugin to help with wp_enqueue_script
- @codecademy/varianceConstraint based CSS in JS for building scalable design systems
- lightswindA collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
- @linaria/serverBlazing fast zero-runtime CSS in JS library
- style-dictionary-esmStyle once, use everywhere. A build system for creating cross-platform styles.
- css-aliasesLets you create custom aliases for CSS, less, SASS and etc. properties with an @alias rule
- tw-fadeElegant, CSS-driven scroll-edge fade masking for Tailwind CSS v4. Add fade-y, fade-x, fade-start, or fade-end to any scroll container to fade content into its surface at the edges — scroll-gated with zero JavaScript.
- @workday/canvas-kit-stylingThe custom CSS in JS solution that takes JS styles and turns them into static CSS
- grunt-svg-spriteSVG sprites & stacks galore — Grunt 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
- @volue/stitches-reactThe modern CSS-in-JS library
- sass-extract-jsPlugin for sass-extract to convert Sass variables into a plain JS object
- pixeden-stroke-7-iconThis is a complete set of 202 thin stroke icons inspired by iOS 7. Those retina ready icons have a very modern style that will beautifully complement any project.
- bootstrap-star-ratingA simple yet powerful JQuery star rating plugin for Bootstrap.
- @ironkinoko/rollup-plugin-stylesUniversal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more
- sass-material-colorsGoogle's Material Design colors for Sass/Scss
- styled-propsSmall helper to style your components with style.
- @preline/tabsPreline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
- bootstrap-styledBootstrap Styled is a front-end ecosystem for React made with Bootstrap 4 philosophy, using the power of css-in-js thanks to styled-components.
- grunt-sass-lintLint your sass using Node Sass Lint
- styled-isFlag utility for styled-components
- sass-extract-loaderWebpack loader for sass-extract. Extract structured variables when importing sass files.
- react-awesome-styled-gridA responsive grid system layout for React using styled-components
- fela-nativeFela Renderer for React Native
- @mwvalen/stylis-plugin-rtlFork of stylis-rtl, uses cssjanus under the hood to flip style orientations for RTL
- @bootstrap-styled/utilsUMD module for helper functions used as utilities for bootstrap-styled and other related modules
- @bbc/psammead-paragraphReact component for a Paragraph
- animate.lessLESS cross-browser animation library. Ready for Twitter Bootstrap. Originally created by Dan Eden.
- vuefinderA sleek, developer-friendly file manager for Vue — organize, preview, and manage files with ease.
- stylelint-custom-processor-loaderA Webpack loader for stylelint used with custom processors
- @bootstrap-styled/css-utilsBootstrap mixins and utilities in javascript for bootstrap-styled.
- @bootstrap-styled/v4twbs/bootstrap V4 UI Components made with bootstrap-styled. Work with css-in-js, react, styled-components, and Bootstrap Styled utilities.
- @styleframe/pluginUnplugin for Styleframe. Use it with Vite, Webpack, Astro, Nuxt, Rollup, Rspack, and more.
- css-in-js-mediaeasy code with css-in-js with mediaquery via css-in-js-media
- alias-resolve-loaderWebpack preLoader lets you create custom aliases for CSS,less and SASS properties with an @alias rule
- ember-cli-stylelintStyleLint addon for ember applications.
- @theme-ui/prismA syntax highlighting component based on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer) that works seamlessly with Theme UI.
- postcss-asset-urlMap urls to different locations
- @bootstrap-styled/providerBootstrapProvider and UtilityProvider components help you manage reset, global styles and original bootstrap class utilities
- @se-studio/core-uiShared React UI component library with Tailwind CSS v4 for SE Studio applications
- @rocketsofawesome/mirage[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)
- animated-tailwindcssA configuration to use Animate.css with Tailwind CSS
- openvueOpenVue is an open source, MIT-licensed UI library for Vue featuring a rich set of 80+ components, a theme designer, and various theme alternatives such as Material, Bootstrap and Tailwind. It is a community-maintained continuation of PrimeVue.
- bs-css-emotionbs-css bindings for Emotion
- vue-styled-componentsVisual primitives for the component age. A simple port of styled-components 💅 for Vue
- storybook-addon-theme-providerStorybook addon to manage global themes provided by Styled components, Emotion or any other solution based on React component. Compatible with Storybook versions 7 and 8
- magic.cssMagic CSS3 animations
- browser-style-dictionaryStyle once, use everywhere. A build system for creating cross-platform styles.
- 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