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

90Health
Library npm

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces without leaving your markup.

97,713
MIT
Used by 342
92Health
Library npm

postcss

A CSS transformation engine that parses styles into an AST, letting JS plugins lint, prefix, and rewrite CSS — the foundation beneath Autoprefixer, Tailwind, and 200+ other tools.

28,977
MIT
Used by 277
87Health
Library npm

Autoprefixer

Parses your CSS and automatically adds vendor prefixes using real-world browser usage data from Can I Use.

22,225
MIT
Used by 198
34Health
Library npm

tailwindcss-animate

Tailwind CSS plugin for enter and exit animations using utility classes

3,014
MIT
Used by 100
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
78Health
Library npm

postcss-preset-env

Converts tomorrow's CSS syntax into code today's browsers understand by auto-selecting PostCSS polyfill plugins from your browserslist targets.

1,053
Other
Used by 47
61Health
Tool npm

postcss-loader

Runs PostCSS plugins on your CSS as part of a webpack build pipeline.

2,840
MIT
Used by 38
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
62Health
Library npm

postcss-import

A PostCSS plugin that inlines @import rules, merging split CSS files into one stylesheet before other plugins run.

1,410
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

cssnano

A modular CSS minifier built on the PostCSS ecosystem, composing dozens of swappable optimization plugins into safe, lite, and advanced presets.

4,977
MIT
Used by 25
45Health
Library npm

postcss-simple-vars

A PostCSS plugin that brings Sass-like $variables to CSS values, selectors, at-rules, and comments.

428
MIT
Used by 16
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
40Health
Library npm

postcss-flexbugs-fixes

A PostCSS plugin that automatically fixes common cross-browser Flexbox layout bugs.

741
MIT
Used by 9
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

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