Kumo · Index

Kumo

Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MIT

Tier S · Best in classComponent LibraryDesign System DocsPrimitivegithub.com

The component library behind Cloudflare's own dashboard, published as `@cloudflare/kumo` (v2.10.0, MIT). It wraps Base UI primitives with a Tailwind v4 semantic-token system — `bg-kumo-base`, `text-kumo-default`, automatic dark mode via `light-dark()`, no `dark:` variants — and ships 44 components plus 39 re-exported primitives, three installable blocks, an ECharts-backed chart set (timeseries, sankey, geo maps), a `kumo` CLI, a Figma plugin with 37 component generators, and a FedRAMP theme. It is unusually well set up for agents: a root AGENTS.md knowledge base, a per-package agent guide, an ai/USAGE.md, a `kumo-design` skill, and `npx @cloudflare/kumo ls` to enumerate components.

Install

pnpm add @cloudflare/kumo

For an agent

Reach for Kumo over shadcn/ui when you are building an infrastructure or admin console rather than a marketing site — it already ships the pieces shadcn makes you assemble: charts (ECharts timeseries, sankey, geo maps), a Flow node/connector diagram, sidebar, command palette, sensitive-input, meter and resource-list blocks, all on the same Base UI primitives so the two genuinely compose. Read the repo's AGENTS.md before writing a line: styling is lint-enforced to semantic tokens only, raw Tailwind colors like `bg-blue-500` and any `dark:` variant will fail CI, and dark mode comes from `light-dark()` on CSS custom properties. Watch the peer deps — echarts 6, @phosphor-icons/react, zod 4 and React 18/19 are all peers you must install yourself, it is ESM-only on Node 24+, and kumo-ui.com returns 403 to fetchers, so enumerate components from the repo tree or `npx @cloudflare/kumo ls` instead of scraping the docs.

Why it is here. A real production design system from a major infrastructure company, MIT-licensed and shipped with a machine-readable knowledge base and an agent skill — that combination is close to unique.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React
Styling: Tailwind CSS v4, CSS custom properties
Distribution: npm package, CLI installer, GitHub repository, Figma plugin
Platform: Web
Content type: Code, Design tokens / theme files, Figma / design source files
Agent readiness: Structured documentation, Machine-readable index, CLI installable, Agent skill or rules pack, Readable open source, Blocks bots
Accessibility: Built on accessible primitives, Full ARIA pattern implemented, Keyboard navigable, Focus management and visible focus
Maturity: Actively maintained
GitHub stars: 3,403
Package: @cloudflare/kumo

Components it ships

44 total

Helps you build

Admin Panel Settings Web App User Management API Keys Integrations Analytics Search Results Filtering Items Single Item Detail Bulk Actions Command Palette Keyboard Shortcuts Overlay Empty State Data Export

Notable for

44 components + 39 Base UI primitives, MIT, 3.4k stars
ECharts timeseries, sankey and geo maps built in
AGENTS.md knowledge base and a kumo-design agent skill
lint-enforced semantic tokens, no dark: variants
Figma plugin with 37 component generators
FedRAMP theme variant

Provenance

Verified 2026-08-15. HTTP 200. GitHub API repos/cloudflare/kumo (3403 stars, MIT, pushed 2026-08-14), repo trees for packages/kumo/src/{components,blocks,primitives,styles,registry} and packages/kumo/ai, packages/kumo/package.json (v2.10.0, peers, bin), root AGENTS.md, https://raw.githubusercontent.com/cloudflare/kumo/main/README.md; https://kumo-ui.com/docs returned 403

Also in Component Libraries

github.comTier S