Skip to content
React Libraries
On this page

clsx

A small utility for composing conditional CSS class names.

What it does

A small utility for composing conditional CSS class names.

When it fits

Building className values from component states and optional styles.

Other options in this category

  • chroma.js — Generating palettes and color scales for interfaces or charts.
  • Class Variance Authority — Managing size, color, and state variants in a component system.
  • CSS Modules — Writing stylesheets without exposing every class name globally.
  • Emotion — Building component-level styles with a flexible CSS-in-JS API.
  • Fancy ANSI — Showing colored command output inside browser-based interfaces.

Source

Project source for clsx ↗

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

Style and theme components →

All styling & themes options →