Styling & themes
Compose CSS classes, create design tokens, and build reusable component styles.
Choose a library or tool
23 options in this category.
Jump to a library or tool (23)
chroma.js
Library / toolA library for color conversions, scales, and manipulation.
- Good for
- Generating palettes and color scales for interfaces or charts.
clsx
Library / toolA small utility for composing conditional CSS class names.
- Good for
- Building className values from component states and optional styles.
CSS Modules
Library / toolA convention and tooling approach for locally scoped CSS classes.
- Good for
- Writing stylesheets without exposing every class name globally.
Emotion
Library / toolA library for composing styles with JavaScript.
- Good for
- Building component-level styles with a flexible CSS-in-JS API.
Fancy ANSI
Library / toolA utility for rendering ANSI-formatted terminal text on the web.
- Good for
- Showing colored command output inside browser-based interfaces.
Linaria
Library / toolA CSS-in-JS library that extracts styles at build time.
- Good for
- Keeping styles near components while producing static CSS.
MistCSS
Library / toolA tool for defining atomic React components through CSS.
- Good for
- Generating component styling and variants from stylesheet definitions.
next-themes
Library / toolTheme management for Next.js and React applications.
- Good for
- Adding persisted light, dark, and system theme selection.
Panda CSS
Library / toolBuild-time styling tools with typed tokens and recipes.
- Good for
- Building a design system with type-safe styling conventions.
Pigment CSS
Library / toolA build-time CSS-in-JS styling solution.
- Good for
- Writing component styles that are extracted before the application runs.
Polished
Library / toolStyle utilities for JavaScript-based styling systems.
- Good for
- Calculating colors, layout values, and reusable CSS fragments.
Prop for That
Library / toolA library that exposes JavaScript runtime values as live CSS custom properties.
- Good for
- Making CSS respond to pointer position, element state, and other browser information.
React TWC
Library / toolUtilities for creating React components from Tailwind CSS classes.
- Good for
- Packaging repeated utility-class combinations as reusable components.
Reshadow
Library / toolA styling library for scoped component styles.
- Good for
- Exploring an alternative CSS-in-JS approach with component-oriented selectors.
styled-components
Library / toolA component-oriented CSS-in-JS library.
- Good for
- Defining styles alongside React components with dynamic styling behavior.
StyleX
Library / toolA styling system that compiles JavaScript style definitions into CSS.
- Good for
- Managing typed, composable styles across a large component codebase.
Tailwind CSS
Library / toolA utility-first CSS framework.
- Good for
- Building interface styles directly from composable utility classes.
Tailwind Variants
Library / toolA variant API for composing Tailwind CSS classes.
- Good for
- Building components with typed style variants and multiple slots.
tailwind-merge
Library / toolA utility for resolving conflicting Tailwind CSS classes.
- Good for
- Combining default and caller-provided component classes predictably.
tweakcn
Library / toolA visual theme editor for shadcn/ui applications.
- Good for
- Trying design-token changes and exporting a coordinated theme.
UnoCSS
Library / toolAn on-demand atomic CSS engine.
- Good for
- Configuring a utility-class workflow through presets and custom rules.
vanilla-extract
Library / toolTypeScript tooling for generating static stylesheets.
- Good for
- Writing typed styles and design tokens without runtime style generation.