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.
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.
livedocs vs DIY
Stop rebuilding charts.
Hand-rolled charts cost weeks and still miss the details. livedocs ships them finished.
| Capability | livedocs | DIY charts |
|---|---|---|
| Install with shadcn CLI | Copy-paste marathon | |
| Reference tooltips + hover states | ||
| Loading skeletons per chart | ||
| Light and dark themes | Weeks of tokens | |
| Keyboard + screen-reader support | ||
| Own the source, MIT licensed | You 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.
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.