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
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.
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
next-themes
Perfect dark mode for React and Next.js apps in two lines of code, with zero flash on load.
tw-animate-css
A pure-CSS, Tailwind CSS v4 compatible replacement for tailwindcss-animate.
classnames
A tiny utility for conditionally joining CSS class names together.
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
Emotion
Performant, flexible CSS-in-JS styling for React with the css prop, theming, and SSR support
Material UI
A comprehensive React component library implementing Google's Material Design, battle-tested and production-ready out of the box.
