Getting started

@elastic/distillate targets Node.js 20 and later, published as ESM with a parallel CommonJS build for hosts that can only require(...). Three pages get a library bound and emitting CSS:

  • Installation
  • Quick start
  • Your first stylesheet

After that, read the distillery and naming and output, or try the playground.

Previous
Distillate
Next
Installation
  • View as Markdown
  • Edit this page
  • Distillate

  • Getting started
    • Installation
    • Quick start
    • Your first stylesheet
  • Concepts
    • The distillery
    • Tokens and vars
    • Authoring
    • Reachability collection
    • Naming and output
    • Ordering and specificity
    • Single-copy invariant
  • Guides
    • Distillate vs CSS-in-JS
    • Declare and select variations
    • Read values outside CSS
    • Ship a compact artifact
    • Integrate with a React renderer
    • Migrate from Emotion
    • Test the var invariant
    • Avoid readable-name collisions
  • Reference
    • Entry points
    • Environment
    • Generated API
    • @elastic/distillate
      • emotion
      • index
      • testing
    • OKF map
Elastic logo

© 2026 Elasticsearch B.V. All Rights Reserved.

  • Terms of Use
  • Privacy