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.
clsx
A tiny, fast utility for conditionally constructing className strings
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.
tailwindcss-typography
Beautiful typographic defaults for HTML you don't control, like Markdown or CMS output.
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.
next-themes
Perfect dark mode for React and Next.js apps in two lines of code, with zero flash on load.
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.
prettier-plugin-tailwindcss
Prettier plugin that automatically sorts Tailwind CSS classes into a consistent order
Tailwind CSS Forms
A basic reset for form styles that makes form elements easy to override with Tailwind utilities
style-loader
A webpack loader that injects bundled CSS into the DOM using style or link tags at runtime.
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.
Material UI
A comprehensive React component library implementing Google's Material Design, battle-tested and production-ready out of the box.
