Packages

CSS & Styling Packages

Styling utilities, CSS-in-JS, and class-composition helpers for building consistent, maintainable interface styling (Tailwind utilities, clsx, cva, Emotion).

121 packages

Packages in CSS & Styling

45Health
Library npm

next-themes

Perfect dark mode for React and Next.js apps in two lines of code, with zero flash on load.

6,336
MIT
Used by 97
56Health
Library npm

classnames

A tiny utility for conditionally joining CSS class names together.

17,778
MIT
Used by 68
62Health
Library npm

Emotion

Performant, flexible CSS-in-JS styling for React with the css prop, theming, and SSR support

18,020
MIT
Used by 66
96Health
Library npm

Material UI

A comprehensive React component library implementing Google's Material Design, battle-tested and production-ready out of the box.

99,100
MIT
Used by 33
89Health
Library npm

styled-components

Write actual CSS in your React components and let styled-components scope, inject, and dedupe it at runtime.

41,103
MIT
Used by 30
94Health
Library npm

Ant Design

An enterprise-class React UI library with 80+ high-quality, TypeScript-typed components and powerful theming.

99,613
MIT
Used by 25
90Health
Library npm

daisyui

Semantic component classes and built-in themes for Tailwind CSS, so buttons, forms, and modals no longer need a wall of utility classes.

42,494
MIT
Used by 12
52Health
Library npm

polished

A lightweight, curried toolset of Sass-style color, layout, and math helpers for writing styles in JavaScript.

7,664
MIT
Used by 10
91Health
Library npm

chakra-ui

Accessible, themeable React UI components built on Ark UI primitives with a Panda CSS-powered styling engine.

40,669
MIT
Used by 8
50Health
Library npm

Ant Design CSS-in-JS

The component-level CSS-in-JS engine that powers Ant Design's design-token theming and SSR style extraction

288
MIT
Used by 8
42Health
Library npm

Radix UI Themes

Radix UI's official React component library for building accessible, themeable design systems with pre-styled components and design tokens.

8,727
MIT
Used by 7
40Health
Library npm

react-responsive

CSS media queries as React hooks and components, with SSR-safe device detection.

7,176
MIT
Used by 7
46Health
Library npm

tailwindcss-radix

Tailwind CSS utilities and variants for styling Radix Primitives' data-state attributes.

2,163
MIT
Used by 7
46Health
Library npm

Styled System

Responsive, theme-based style props for building design systems with React.

7,864
MIT
Used by 4
51Health
Library npm

tss-react

Type-safe CSS-in-JS styling for React, powered by Emotion, with first-class MUI support

724
MIT
Used by 4
93Health
Library npm

Blueprint Colors

Official color constants and Sass variables powering Blueprint's design system, in modern and legacy palettes.

22,097
Apache 2.0
Used by 1
80Health
Library npm

Linaria

Zero-runtime CSS-in-JS — write styles in tagged template literals that compile away to static CSS files, shipping no styling runtime to the browser.

12,353
MIT
Used by 1
56Health
Library npm

styled-jsx

Scoped, component-friendly CSS for JSX that compiles with Babel and injects styles at runtime without global leakage.

7,775
MIT
Used by 1
96Health
Library npm

Elastic EUI

Elastic's open-source React UI framework powering Kibana, with 90+ typed components and Emotion-based theming.

6,372
Other
Used by 1
57Health
Library npm

classix

The tiniest and fastest utility for conditionally joining classNames using plain string expressions.

217
MIT
Used by 1
28Health
Library npm

cssinjs-utils

Typed CSS-in-JS helper utilities that power Ant Design's style-generation, token-calculation, and CSS-variable pipeline.

8
MIT
Used by 1

Join founders buildingwith open source

Opinionated takes, migration guides, cost-saving tips, and insights from the open source ecosystem.

Subscribe on Substack
Join 750+ subscribers