Components

Density components wrap Base UI primitives with shared Density CSS attributes for size and emphasis, plus local component anatomy and interaction primitives. Start with the component closest to the interaction you need, then use styles when you need custom composition.

AreaChartShow the magnitude of one continuous series across a shared baseline.

Release notes

Typography

Headings

Keep hierarchy clear

Even in dense product surfaces
With a compact final level

Density components keep compact product text readable inside dense panels, previews, and editorial surfaces. Read more about Content, press ⌘K, or inspect the ready status.

  • Shared spacing for paragraphs and lists
  • Theme-aware headings, links, and body copy
  1. Write the update
  2. Review it before publishing
Keep rich text readable without making the surrounding product feel editorial.
pnpm --filter density-www test
Release preview
Release preview image
AreaStatus
DocumentationReady

ContentUse Density Content for compact rich text blocks.