Overview

The component registry is a machine-readable JSON file that describes all Kumo components, their props, variants, examples, and semantic tokens. It’s designed for AI agents, code generators, and other tooling.

View JSON API

Accessing the Registry

Via HTTP API

# JSON endpoint
curl https://kumo-ui.com/api/component-registry

Via the Local Explorer

The CLI page includes a browser-based registry explorer. A published Solid CLI is not available yet.

Via jq (Local)

# Get Button props
jq '.components.Button.props' packages/kumo/ai/component-registry.json

# List components by category
jq '.search.byCategory' packages/kumo/ai/component-registry.json

Registry Contents

48components

9categories

v1.0.0

AllActionData VisualizationDisplayFeedbackInputLayoutNavigationOtherOverlay

Autocomplete

Autocomplete — free-form text input with an optional filtered suggestion list.

+

Badge

Small status label for categorizing or highlighting content.

+

Banner

Full-width message bar with an optional trailing CTA slot.

+

Breadcrumbs

Breadcrumbs component

+

BubbleMap

BubbleMap component

+

Button

Primary action trigger. Supports multiple variants, sizes, shapes, icons, and loading state.

+

Chart

Chart — a low-level wrapper around [Apache ECharts](https://echarts.apache.org).

+

Checkbox

Checkbox component

+

ChoroplethMap

ChoroplethMap component

+

ClipboardText

Read-only text field with a one-click copy-to-clipboard button.

+

CloudflareLogo

Cloudflare logo component.

+

Code

Code component

+

Collapsible

Collapsible — a composable disclosure component for showing/hiding content.

+

Combobox

Combobox — autocomplete input with filterable dropdown list.

+

CommandPalette

CommandPalette — accessible command palette / spotlight search overlay.

+

DatePicker

DatePicker — a date selection calendar.

+

DateRangePicker

DateRangePicker — dual-calendar date range selector.

+

Dialog

Dialog component

+

DropdownMenu

DropdownMenu — accessible dropdown menu anchored to a trigger.

+

Empty

Placeholder shown when a list, table, or page has no content to display.

+

Field

Form field wrapper that provides a label, optional description, and error display around any form control. Built on Base UI Field primitives.

+

Grid

Responsive CSS grid layout container with preset column configurations.

+

Input

Input component

+

InputArea

Multi-line textarea input with Input variants and InputArea-specific dimensions

+

InputGroup

InputGroup component

+

Label

Label component for form fields.

+

LayerCard

LayerCard component

+

Link

Link component

+

Loader

Animated circular spinner for indicating loading states.

+

MenuBar

MenuBar — horizontal icon-button toolbar with keyboard arrow-key navigation.

+

Meter

Progress bar showing a measured value within a known range (e.g. quota usage).

+

Pagination

Pagination component

+

Popover

Popover component for displaying accessible popup content anchored to a trigger.

+

Radio

Radio — radio button group for single-select choices.

+

SankeyChart

SankeyChart component

+

Select

Select component

+

SensitiveInput

Password/secret input that masks its value by default and reveals on click. Includes a built-in copy-to-clipboard button on hover.

+

Sidebar

Sidebar — responsive navigation panel with expand/collapse support.

+

Surface

Surface component

+

Switch

Switch component

+

Table

Table — semantic HTML table with styled rows, cells, and selection support.

+

TableOfContents

TableOfContents — presentational compound component for section navigation.

+

Tabs

Tab navigation component with segmented or underline style. Built on Base UI Tabs with animated active indicator.

+

Text

Text component

+

TimeseriesChart

TimeseriesChart — a time-series line or bar chart.

+

Toasty

Toasty — toast notification provider and viewport.

+

Toolbar

Toolbar component

+

Tooltip

Accessible popup that shows additional information on hover/focus. Wrap your app or section with `<TooltipProvider>` to enable delay grouping.

+