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.
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
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.
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.
css-loader
Resolves CSS @import and url() like JavaScript imports so webpack can bundle stylesheets and their assets.
Emotion
Performant, flexible CSS-in-JS styling for React with the css prop, theming, and SSR support
