Skip to content
Web Tools
cva (Class Variance) preview
CSS & Style EnginesPrimitives

cva (Class Variance)

Class Variance Authority makes building component variants easy and type-safe, preventing messy template literals.

Visit website(opens in a new tab)GitHubDocs

Highlights

  • Strict TypeScript autocomplete
  • Zero dependencies
  • Compound variant rules
  • Universal CSS framework compatibility

Get started

npm install class-variance-authority

Related tools

v4.0 Oxide

Tailwind CSS v4

CSS & Style Engines

Next-generation utility-first CSS framework built with a lightning-fast Rust engine.

WebGL Core

Three.js

WebGL & Shader Runtimes

Standard JavaScript 3D library for WebGL and WebGPU rendering engines.

React Motion

Framer Motion

Animation Pipelines

Production-ready motion library for React with gesture recognition and layout morphs.