CSS & Styling Packages
Styling utilities, CSS-in-JS, and class-composition helpers for building consistent, maintainable interface styling (Tailwind utilities, clsx, cva, Emotion).
Packages in CSS & Styling
Kind
Sort:Used by Most Apps
Tailwind CSS
A utility-first CSS framework for rapidly building custom user interfaces without leaving your markup.
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.
tailwind-merge
Merge Tailwind CSS classes without style conflicts
Autoprefixer
Parses your CSS and automatically adds vendor prefixes using real-world browser usage data from Can I Use.
class-variance-authority
A tiny TypeScript utility for building type-safe, variant-driven className APIs on top of clsx.
Sass
The reference Dart implementation of Sass, the mature CSS preprocessor that compiles SCSS and indented syntax to standards-compliant CSS.
tailwindcss-animate
Tailwind CSS plugin for enter and exit animations using utility classes
tw-animate-css
A pure-CSS, Tailwind CSS v4 compatible replacement for tailwindcss-animate.
Fontsource Inter
Self-host the Inter typeface with a single npm install and zero third-party font requests.
classnames
A tiny utility for conditionally joining CSS class names together.
Emotion
Performant, flexible CSS-in-JS styling for React with the css prop, theming, and SSR support
css-loader
Resolves CSS @import and url() like JavaScript imports so webpack can bundle stylesheets and their assets.
sass-loader
Compiles Sass and SCSS files to CSS inside a webpack build, wiring in Dart Sass or Sass Embedded automatically.
postcss-preset-env
Converts tomorrow's CSS syntax into code today's browsers understand by auto-selecting PostCSS polyfill plugins from your browserslist targets.
Font Awesome Free
The internet's icon toolkit — thousands of SVG, web font, and CSS icons for the web
postcss-loader
Runs PostCSS plugins on your CSS as part of a webpack build pipeline.
mini-css-extract-plugin
A Webpack 5 plugin that extracts imported CSS into separate files per chunk, with async loading, source maps, and on-demand delivery.
postcss-import
A PostCSS plugin that inlines @import rules, merging split CSS files into one stylesheet before other plugins run.
styled-components
Write actual CSS in your React components and let styled-components scope, inject, and dedupe it at runtime.
color
Immutable JavaScript color conversion and manipulation with CSS string support
Bootstrap
The world's most popular front-end framework for building responsive, mobile-first sites
cssnano
A modular CSS minifier built on the PostCSS ecosystem, composing dozens of swappable optimization plugins into safe, lite, and advanced presets.
tailwind-variants
Typed Tailwind CSS variant API with slots, compound variants, and built-in class-conflict resolution
CSSType
Strict TypeScript and Flow type definitions for CSS properties and values, generated from MDN data
