The React chart library for dashboards that look as good as they perform. 14 components, 17 themes, ~15KB.
Real components. Real themes. Try switching themes in the header.
Requests per minute
Response time percentiles
Beautiful by default. Every chart looks polished out of the box. No design skills required.
Incredibly light. ~15KB gzipped with zero dependencies. Just React.
TypeScript first. Full type safety with autocomplete for every prop.
17 curated themes. Dark and light themes inspired by Vercel, GitHub, Linear, and more.
LLM-ready. llms.txt included for AI-assisted development.
Get a beautiful chart with just a few lines of code.
import { LineChart, KpiCard } from '@derpdaderp/chartkit';
export function Dashboard({ data }) {
return (
<div>
<KpiCard
label="Revenue"
value={284500}
delta={12.5}
data={data}
theme="midnight"
/>
<LineChart
data={data}
series={[{ key: 'value', label: 'Sales', area: true }]}
theme="midnight"
curve="monotone"
/>
</div>
);
}Get started in minutes. No configuration required.