---
name: "@livedocs"
slug: "livedocs"
description: "Dashboard-grade charts and UI primitives on semantic tokens: area, line, bar, pie, radar, sankey, KPI cards, meters, plus button, card, badge, input."
category: "Charts/data viz"
tags: ["buttons", "cards", "charts", "dashboard", "design-system", "forms", "hooks"]
framework: "react"
license: null
author: null
website: "https://livedocs.xyz"
github: null
registry: "https://livedocs.xyz/r/{name}.json"
pro: false
pro_url: null
github_stars: null
component_count: 0
generated_at: "2026-10-27T06:34:08.542Z"
---

# @livedocs

Dashboard-grade charts and UI primitives on semantic tokens: area, line, bar, pie, radar, sankey, KPI cards, meters, plus button, card, badge, input.

## Links

- Website: https://livedocs.xyz
- Registry JSON: https://livedocs.xyz/r/{name}.json
- Directory page: https://sh4dcn.netlify.app/registry/livedocs
- This file: https://sh4dcn.netlify.app/md/livedocs.md

## Install

```sh
# fetch the raw registry index
curl -s https://livedocs.xyz/r/{name}.json
```

## Components (0)

_No public registry index resolved for this library._

## For AI agents

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