31 chart primitives · MIT licensed

Dashboards that look designed, not default.

livedocs is a shadcn-ready chart registry with reference tooltips, loading skeletons, and themes that match your product. Install the source. Own every pixel.

npx shadcn@latest add https://livedocs.xyz/r/area-chart.json

Revenue

$128,430

Sessions · last 30 days

Sessions

48.2k

Conversion

3.8%

3.8

A complete dashboard system

One registry. An entire overview page.

Revenue, MRR, subscriptions, monthly bars, and timelines — every widget below is a live livedocs component. Switch ranges, filter the feed, customize the layout.

Browse all 31 components

Every chart you'll ever need.

Search the registry, pick a primitive, and install it with one command. Each ships with variants, props docs, and live examples.

31 of 31

livedocs vs DIY

Stop rebuilding charts.

Hand-rolled charts cost weeks and still miss the details. livedocs ships them finished.

CapabilitylivedocsDIY charts
Install with shadcn CLICopy-paste marathon
Reference tooltips + hover states
Loading skeletons per chart
Light and dark themesWeeks of tokens
Keyboard + screen-reader support
Own the source, MIT licensedYou maintain it

Theming

Make the charts look like you.

Semantic tokens, considered defaults, and light and dark themes. Flip the switch — the same chart, two products.

Tokens do the theming. You ship the product.

Signups

8,412

globals.css

--chart-1 picks the series color in both themes — no prop drilling.

.light flips every tooltip, cursor, and axis automatically.

isLoading renders skeletons that respect contrast in each mode.

0

Chart primitives

0

Live previews

100%

Open source, MIT

0

Runtime services

Free forever

Make a commitment-free start.

One command installs any chart with full source. No account, no paywall, no telemetry.

npx shadcn@latest add https://livedocs.xyz/r/dashboard.json

FAQs

Frequently asked questions.

Quick answers before you install. See the docs for everything else.

A shadcn-compatible chart registry: 35 copyable React components (line, bar, pie, funnel, heatmap,payments-style dashboards and more) built on Recharts with reference tooltips, loading skeletons, and light/dark tokens.

Run the shadcn add command for any component. The source lands in your project — read it, theme it, extend it. No runtime service, no lock-in.

Yes. Every chart reads semantic CSS tokens (background, foreground, chart-1…5), so your existing light and dark themes apply automatically.

Every chart ships an isLoading state with shimmer skeletons, text placeholders, and a reduced-motion-safe static fallback.

Keyboard operable series and sectors, focus-visible rings, aria labels, live-region summaries, and Escape-to-dismiss tooltips come standard.

Yes. Everything is MIT licensed. Build client work, SaaS dashboards, and internal tools without attribution or fees.

Support

Real help from the people who build it.

Answers within a day from the maintainers — no bots, no ticket black holes.

GitHub

Report bugs, request charts, and read every line of source.

Open GitHub

Email

Prefer a direct line? Write in and get an answer from a maintainer.

Contact

Feedback

Something to say about the registry? Shape what gets built next.

Send feedback