Skip to content
React Libraries
On this page

Emotion

A library for composing styles with JavaScript.

What it does

A library for composing styles with JavaScript.

When it fits

Building component-level styles with a flexible CSS-in-JS API.

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.
  • clsx — Building className values from component states and optional styles.
  • CSS Modules — Writing stylesheets without exposing every class name globally.
  • Fancy ANSI — Showing colored command output inside browser-based interfaces.

Source

Project source for Emotion ↗

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

Style and theme components →

All styling & themes options →