diff --git a/templates/jsx/kpi/kpi-example.jsx b/templates/jsx/kpi/kpi-example.jsx
new file mode 100644
index 0000000..8674fe9
--- /dev/null
+++ b/templates/jsx/kpi/kpi-example.jsx
@@ -0,0 +1,20 @@
+---
+label: kpi voorbeeld
+description: Generieke KPI-kaart (configurable)
+type: kpi
+author: maik
+---
+
+import React from 'react';
+
+export default function KpiTemplate({ data, config }) {
+  const value = data?.[config.value_key] ?? 0;
+  return (
+    <div className="widget-kpi">
+      <div className="widget-kpi__label">{config.title}</div>
+      <div className="widget-kpi__value">
+        {value.toFixed(config.precision ?? 0)} {config.unit ?? ''}
+      </div>
+    </div>
+  );
+}