---
name: "@kind-ui"
slug: "kind-ui"
description: "Editable React chart compositions backed by Kind UI Core, with explicit data, accessible interactions, and consumer-controlled animation."
category: "Animated components"
tags: ["accessibility", "animation", "charts", "maps", "tables"]
framework: "react"
license: "MIT"
author: "bhaveshchow20"
website: "https://kindui.dev/charts/"
github: "https://github.com/bhaveshchow20/kind-ui"
registry: "https://kindui.dev/r/registry.json"
pro: false
pro_url: null
github_stars: 8
component_count: 14
generated_at: "2026-10-17T06:30:14.294Z"
---

# @kind-ui

Editable React chart compositions backed by Kind UI Core, with explicit data, accessible interactions, and consumer-controlled animation.

## Links

- Website: https://kindui.dev/charts/
- GitHub: https://github.com/bhaveshchow20/kind-ui
- Registry JSON: https://kindui.dev/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/kind-ui
- This file: https://sh4dcn.vercel.app/md/kind-ui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://kindui.dev/r/registry.json
pnpm dlx shadcn@latest add https://kindui.dev/r/registry.json
bunx shadcn@latest add https://kindui.dev/r/registry.json
# clone the source repo
git clone https://github.com/bhaveshchow20/kind-ui.git
# fetch the raw registry index
curl -s https://kindui.dev/r/registry.json
```

## Components (14)

| name | type | description | install |
| --- | --- | --- | --- |
| area-chart | registry:component | A single area with complete monthly visitor data. | `npx shadcn@latest add https://kindui.dev/r/area-chart.json` |
| bar-chart | registry:component | Weekly pickup orders across five locations with opt-in category emphasis. | `npx shadcn@latest add https://kindui.dev/r/bar-chart.json` |
| box-plot-chart | registry:component | Compare three caller-computed response time distributions, in milliseconds. | `npx shadcn@latest add https://kindui.dev/r/box-plot-chart.json` |
| combo-chart | registry:component | Shipped units, available capacity and a production target on one numeric scale. | `npx shadcn@latest add https://kindui.dev/r/combo-chart.json` |
| heatmap-chart | registry:component | Support demand across four days and six two-hour intervals. | `npx shadcn@latest add https://kindui.dev/r/heatmap-chart.json` |
| histogram-chart | registry:component | Counts across explicit equal-width response-time intervals. | `npx shadcn@latest add https://kindui.dev/r/histogram-chart.json` |
| line-chart | registry:component | A single smooth series with complete monthly visitor data. | `npx shadcn@latest add https://kindui.dev/r/line-chart.json` |
| pie-chart | registry:component | A complete 1,000-hour team allocation with category labels and percentage labels. | `npx shadcn@latest add https://kindui.dev/r/pie-chart.json` |
| radar-chart | registry:component | Six comparable research dimensions for two products on a fixed 0–100 scale. | `npx shadcn@latest add https://kindui.dev/r/radar-chart.json` |
| radial-chart | registry:component | Three project stages share an explicit 0–100 percent scale. | `npx shadcn@latest add https://kindui.dev/r/radial-chart.json` |
| sankey-chart | registry:component | 180 MWh across nine nodes, three stages and eighteen balanced flows. | `npx shadcn@latest add https://kindui.dev/r/sankey-chart.json` |
| scatter-chart | registry:component | Eight task observations on numeric latency and acceptance axes. | `npx shadcn@latest add https://kindui.dev/r/scatter-chart.json` |
| waterfall-chart | registry:component | Cash rises from $120k to $180k before costs and tax leave $95k. | `npx shadcn@latest add https://kindui.dev/r/waterfall-chart.json` |
| activity-rings | registry:component | Three original values use their own domains; tracks, tooltip and static legend come from ActivityRings. | `npx shadcn@latest add https://kindui.dev/r/activity-rings.json` |

## For AI agents

```text
You are adding components from @kind-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/kind-ui.md) for the component list.
2. Fetch the machine-readable index: https://kindui.dev/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: kind-ui).
```