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 |
|---|---|---|---|---|---|---|---|---|
| ultimate-jekyll-manager Ultimate Jekyll dependency manager | 5.9k | +309% | - | 14 days ago 1.9.34 | CommonJS | None | Bundlers, CSS-in-JS and styling | |
| mdui 实现 material you 设计规范的 Web Components 组件库 | 5.8k | -40% | - | 2 months ago 2.1.5 | ESM only | Bundled | CSS-in-JS and styling | |
| @skeletonlabs/tw-plugin Core plugin for Skeleton. | 5.8k | - | - | - | 1 year ago 0.4.1 | CommonJS | Bundled | UI component libraries, CSS-in-JS and styling |
| tailwindcss-spring A Tailwind CSS plugin that adds spring animations to your project using CSS linear(). Define just two parameters and let the plugin generate the easing curve and the animation duration. | 5.7k | +304% | - | 2 years ago 1.0.1 | ESM only | None | Animation, CSS-in-JS and styling | |
| gatsby-omni-font-loader Font loader optimized for maximum performance. Removes render-blocking font resources and loads them asynchronusly. Handle FOUT & FOUC with font loading status watcher. Supports both local-hosted fonts and web fonts. | 5.6k | -3% | - | 4 years ago 2.0.2 | - | None | Promises and async control flow, React | |
| emotion-ratings Emotion Ratings is a lightweight jQuery plugin used to create a simple rating system using custom emoji Unicode characters. | 5.5k | -26% | - | 8 years ago 2.0.2 | CommonJS | None | CSS-in-JS and styling | |
| css.gg 700+ Pure CSS, SVG & Figma UI Icons, 6000+ glyphs, patterns, colors and layouts. | 5.5k | -30% | - | 2 years ago 2.1.4 | ESM + CommonJS | Bundled | Icons, CSS-in-JS and styling | |
| gatsby-plugin-material-ui Gatsby plugin for Material-UI with built-in server-side rendering support | 5.5k | -57% | - | 4 years ago 4.1.0 | CommonJS | None | React, CSS-in-JS and styling | |
| tailwind-resolver Resolve Tailwind theme variables into JavaScript objects. Supports Tailwind v4 with future-proof versioning. | 5.5k | +2173% | - | 6 months ago 0.3.8 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Parsers and serialisers | |
| choerodon-ui An enterprise-class UI design language and React-based implementation | 5.5k | -53% | - | 11 months ago 1.6.7 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling | |
| themeprovider-storybook Use your styled-components themes on your favourite storybook | 5.5k | -23% | - | 4 years ago 1.8.0 | CommonJS | Bundled | Documentation tooling, React | |
| react-native-styled-text A React Native component for easy rendering of styled text. | 5.5k | +86% | - | 4 years ago 2.0.0 | CommonJS | None | CSS-in-JS and styling, React | |
| react-responsive-pagination React component for responsive pagination | 5.5k | +13% | - | 2 months ago 2.14.0 | ESM only | Bundled | CSS-in-JS and styling, React | |
| linaria Blazing fast zero-runtime CSS in JS library | 5.4k | -14% | - | 1 month ago 8.2.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| @stylexswc/plugin-shared Shared core for StyleX webpack and Rspack plugins powered by a Rust NAPI-RS/SWC compiler: loaders, plugin core, and CSS extraction logic. | 5.3k | - | - | - | 1 day ago 0.19.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| @stylexswc/rspack-plugin StyleX plugin for Rspack powered by a Rust NAPI-RS/SWC compiler. Fast StyleX transforms and CSS extraction without Babel. | 5.3k | - | - | - | 1 day ago 0.19.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| @linaria/webpack5-loader Blazing fast zero-runtime CSS in JS library | 5.2k | - | - | - | 2 years ago 5.0.4 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| @rocket.chat/css-in-js Toolset to transpile and use CSS on runtime | 5.2k | - | - | - | 1 month ago 0.33.1 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Build tools |
| @tenphi/eslint-plugin-tasty ESLint plugin for validating tasty() and tastyStatic() style objects | 5.2k | - | - | - | 10 days ago 1.1.0 | ESM only | Bundled | Linting and formatting, CSS-in-JS and styling |
| view-design A high quality UI components Library with Vue.js | 5.2k | -11% | - | - 4.7.0 | CommonJS | Bundled | Vue, CSS-in-JS and styling | |
| boosted Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library. | 5.1k | -23% | - | 10 months ago 5.3.8 | ESM + CommonJS | None | CSS-in-JS and styling, UI component libraries | |
| rei-kit One kit, every look. 105 accessible Vue 3 + Tailwind 4 components, four materials (quiet, glass, brutal, soft) and ten WCAG-checked palettes, each switched with one attribute. | 5.1k | - | - | 4 days ago 2.25.0 | ESM only | Bundled | UI component libraries, Vue | |
| @playcanvas/pcui User interface component library for the web | 5.1k | - | - | - | 4 months ago 6.1.4 | ESM only | Bundled | UI component libraries, React |
| @dayflow/core A flexible and feature-rich calendar engine powered by Preact with drag-and-drop support, multiple views (Day, Week, Month, Year), and plugin architecture | 5.1k | - | - | - | 6 days ago 3.7.3 | ESM only | Bundled | Tables and data grids, TypeScript tooling |
| rizzui A Modern and Minimal React UI Library built with TailwindCSS. Designed to provide you with a simple and intuitive set of UI components that are easy to use, customize and integrate into your React application. | 5.1k | +73% | - | - 2.1.0 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| microtip A modern, ultra light css tooltip library. Just 1kb minified and gzipped | 5.1k | +11% | - | - 0.2.2 | CommonJS | None | CSS-in-JS and styling, UI component libraries | |
| tachyons-custom Functional CSS for humans | 5.1k | +7% | - | 6 years ago 4.9.8 | CommonJS | None | CSS-in-JS and styling | |
| @xstyled/emotion A utility-first CSS-in-JS framework built for React (Emotion bindings). | 5.1k | - | - | - | 4 months ago 3.8.3 | ESM + CommonJS | Bundled | CSS-in-JS and styling |
| @linaria/webpack4-loader Blazing fast zero-runtime CSS in JS library | 5k | - | - | - | 2 years ago 5.0.4 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| @barba/core Create badass, fluid and smooth transition between your website's pages | 4.9k | - | - | - | 2 years ago 2.10.3 | ESM + CommonJS | Bundled | Animation, CSS-in-JS and styling |
| @xpd/tailwind-3dtransforms Tailwind plugin to enable css 3d transforms for tailwind. | 4.9k | - | - | - | 3 years ago 1.0.3 | CommonJS | None | CSS-in-JS and styling |
| @oruga-ui/oruga-next UI components for Vue.js and CSS framework agnostic | 4.9k | - | - | - | 4 days ago 0.14.4 | ESM + CommonJS | Bundled | UI component libraries, Vue |
| notosans-fontface A simple package providing the Noto Sans fontface. | 4.9k | +90% | - | - 1.3.0 | - | None | CSS-in-JS and styling | |
| react-currency-flags React styled-component for currency flags | 4.8k | -24% | - | 6 years ago 0.1.2 | CommonJS | Bundled | React, CSS-in-JS and styling | |
| twirlwind Tailwind v4-first CSS style object to utility class serializer with lossless arbitrary-property fallback. | 4.8k | - | - | 4 months ago 0.3.0 | ESM only | Bundled | CSS-in-JS and styling | |
| fontfaceonload A simple utility to execute a callback when a webfont loads. | 4.8k | +4% | - | 9 years ago 1.0.2 | CommonJS | None | Build tools, CSS-in-JS and styling | |
| primer-forms Style individual form controls and utilize common layouts. | 4.8k | +67% | - | 7 years ago 3.0.0 | CommonJS | None | UI component libraries, CSS-in-JS and styling | |
| @thebeyondgroup/shopify-rich-text-renderer Convert Shopify's Metafields/Metaobjects rich text type from a rich text AST/schema to HTML. Works great with hydrogen/headless & regular storefronts. | 4.8k | - | - | - | 6 months ago 2.1.2 | ESM only | Bundled | TypeScript tooling, CSS-in-JS and styling |
| @selemondev/vue3-signature-pad Vue 3 based smooth signature drawing component ✨ | 4.8k | - | - | - | 2 months ago 1.10.0 | ESM only | Bundled | Vue, CSS-in-JS and styling |
| @stacksjs/ui The Stacks UI engine. | 4.7k | - | - | - | today 0.74.68 | ESM only | Bundled | CSS-in-JS and styling |
| emotion-utils Shared utilities used by emotion, The Next Generation of CSS-in-JS. | 4.7k | -3% | - | 8 years ago 9.1.0 | ESM + CommonJS | None | CSS-in-JS and styling, React | |
| bidi-css-js Logical, flow-ralative conversion for CSS in JS objects | 4.7k | -82% | - | 8 years ago 3.1.0 | ESM + CommonJS | None | CSS-in-JS and styling | |
| stylelint-config-wikimedia Wikimedia shareable config for Stylelint | 4.7k | +36% | - | 15 days ago 0.19.4 | CommonJS | None | Linting and formatting, CSS-in-JS and styling | |
| @json-render/shadcn-svelte shadcn-svelte component library for @json-render/svelte. JSON becomes beautiful Tailwind-styled Svelte components. | 4.6k | - | - | - | 6 days ago 0.21.0 | ESM only | Bundled | CSS-in-JS and styling, Svelte |
| @linaria/vite Blazing fast zero-runtime CSS in JS library | 4.6k | - | - | - | 2 years ago 5.0.4 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React |
| react-tailwindcss-select A select input made with React js and Tailwind CSS | 4.6k | +3% | - | 3 years ago 1.8.5 | ESM + CommonJS | Bundled | CSS-in-JS and styling, React | |
| timepicker-ui timepicker-ui is a customizable time picker library built with TypeScript, inspired by Google's Material Design. Lightweight, themeable, and easy to integrate. | 4.5k | +361% | - | 3 months ago 4.4.0 | ESM + CommonJS | Bundled | TypeScript tooling, Date pickers | |
| @deneb-ui/ui Visual-first React component library for editable commerce storefronts. Built for Next.js and Fivora. | 4.4k | - | - | - | 1 day ago 2.0.90 | ESM + CommonJS | Bundled | UI component libraries, React |
| vuesax Framework Components for Vue js | 4.4k | -25% | - | 6 years ago 3.12.2 | CommonJS | None | CSS-in-JS and styling, Vue | |
| @unocss/runtime CSS-in-JS Runtime for UnoCSS | 4.3k | - | - | - | 9 days ago 66.10.5 | ESM only | Bundled | 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.
- ultimate-jekyll-managerUltimate Jekyll dependency manager
- mdui实现 material you 设计规范的 Web Components 组件库
- @skeletonlabs/tw-pluginCore plugin for Skeleton.
- tailwindcss-springA Tailwind CSS plugin that adds spring animations to your project using CSS linear(). Define just two parameters and let the plugin generate the easing curve and the animation duration.
- gatsby-omni-font-loaderFont loader optimized for maximum performance. Removes render-blocking font resources and loads them asynchronusly. Handle FOUT & FOUC with font loading status watcher. Supports both local-hosted fonts and web fonts.
- emotion-ratingsEmotion Ratings is a lightweight jQuery plugin used to create a simple rating system using custom emoji Unicode characters.
- css.gg700+ Pure CSS, SVG & Figma UI Icons, 6000+ glyphs, patterns, colors and layouts.
- gatsby-plugin-material-uiGatsby plugin for Material-UI with built-in server-side rendering support
- tailwind-resolverResolve Tailwind theme variables into JavaScript objects. Supports Tailwind v4 with future-proof versioning.
- choerodon-uiAn enterprise-class UI design language and React-based implementation
- themeprovider-storybookUse your styled-components themes on your favourite storybook
- react-native-styled-textA React Native component for easy rendering of styled text.
- react-responsive-paginationReact component for responsive pagination
- linariaBlazing fast zero-runtime CSS in JS library
- @stylexswc/plugin-sharedShared core for StyleX webpack and Rspack plugins powered by a Rust NAPI-RS/SWC compiler: loaders, plugin core, and CSS extraction logic.
- @stylexswc/rspack-pluginStyleX plugin for Rspack powered by a Rust NAPI-RS/SWC compiler. Fast StyleX transforms and CSS extraction without Babel.
- @linaria/webpack5-loaderBlazing fast zero-runtime CSS in JS library
- @rocket.chat/css-in-jsToolset to transpile and use CSS on runtime
- @tenphi/eslint-plugin-tastyESLint plugin for validating tasty() and tastyStatic() style objects
- view-designA high quality UI components Library with Vue.js
- boostedOrange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.
- rei-kitOne kit, every look. 105 accessible Vue 3 + Tailwind 4 components, four materials (quiet, glass, brutal, soft) and ten WCAG-checked palettes, each switched with one attribute.
- @playcanvas/pcuiUser interface component library for the web
- @dayflow/coreA flexible and feature-rich calendar engine powered by Preact with drag-and-drop support, multiple views (Day, Week, Month, Year), and plugin architecture
- rizzuiA Modern and Minimal React UI Library built with TailwindCSS. Designed to provide you with a simple and intuitive set of UI components that are easy to use, customize and integrate into your React application.
- microtipA modern, ultra light css tooltip library. Just 1kb minified and gzipped
- tachyons-customFunctional CSS for humans
- @xstyled/emotionA utility-first CSS-in-JS framework built for React (Emotion bindings).
- @linaria/webpack4-loaderBlazing fast zero-runtime CSS in JS library
- @barba/coreCreate badass, fluid and smooth transition between your website's pages
- @xpd/tailwind-3dtransformsTailwind plugin to enable css 3d transforms for tailwind.
- @oruga-ui/oruga-nextUI components for Vue.js and CSS framework agnostic
- notosans-fontfaceA simple package providing the Noto Sans fontface.
- react-currency-flagsReact styled-component for currency flags
- twirlwindTailwind v4-first CSS style object to utility class serializer with lossless arbitrary-property fallback.
- fontfaceonloadA simple utility to execute a callback when a webfont loads.
- primer-formsStyle individual form controls and utilize common layouts.
- @thebeyondgroup/shopify-rich-text-rendererConvert Shopify's Metafields/Metaobjects rich text type from a rich text AST/schema to HTML. Works great with hydrogen/headless & regular storefronts.
- @selemondev/vue3-signature-padVue 3 based smooth signature drawing component ✨
- @stacksjs/uiThe Stacks UI engine.
- emotion-utilsShared utilities used by emotion, The Next Generation of CSS-in-JS.
- bidi-css-jsLogical, flow-ralative conversion for CSS in JS objects
- stylelint-config-wikimediaWikimedia shareable config for Stylelint
- @json-render/shadcn-svelteshadcn-svelte component library for @json-render/svelte. JSON becomes beautiful Tailwind-styled Svelte components.
- @linaria/viteBlazing fast zero-runtime CSS in JS library
- react-tailwindcss-selectA select input made with React js and Tailwind CSS
- timepicker-uitimepicker-ui is a customizable time picker library built with TypeScript, inspired by Google's Material Design. Lightweight, themeable, and easy to integrate.
- @deneb-ui/uiVisual-first React component library for editable commerce storefronts. Built for Next.js and Fivora.
- vuesaxFramework Components for Vue js
- @unocss/runtimeCSS-in-JS Runtime for UnoCSS
- 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