diff --git a/lib/experimental/Widgets/Charts/SummariesWidget/index.stories.tsx b/lib/experimental/Widgets/Charts/SummariesWidget/index.stories.tsx
new file mode 100644
index 00000000..9962a303
--- /dev/null
+++ b/lib/experimental/Widgets/Charts/SummariesWidget/index.stories.tsx
@@ -0,0 +1,29 @@
+import type { Meta } from "@storybook/react"
+
+import { SummariesWidget } from "."
+import { WidgetDecorator } from "../storybook-utils"
+
+const meta = {
+  component: SummariesWidget,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+  args: {
+    summaries: [
+      {
+        value: 12,
+        label: "Total",
+      },
+      {
+        value: 20,
+        label: "Count",
+      },
+    ],
+  },
+  decorators: [WidgetDecorator],
+} satisfies Meta<typeof SummariesWidget>
+
+export default meta
+
+export const Default = {}
diff --git a/lib/experimental/Widgets/Charts/SummariesWidget/index.tsx b/lib/experimental/Widgets/Charts/SummariesWidget/index.tsx
new file mode 100644
index 00000000..958cad65
--- /dev/null
+++ b/lib/experimental/Widgets/Charts/SummariesWidget/index.tsx
@@ -0,0 +1,10 @@
+import { withSkeleton } from "@/lib/skeleton"
+import { forwardRef } from "react"
+import { ChartContainer, ChartContainerPropsBase } from "../ChartContainer"
+
+export const SummariesWidget = withSkeleton(
+  forwardRef<HTMLDivElement, ChartContainerPropsBase>((props, ref) => (
+    <ChartContainer ref={ref} {...props} chart={null} />
+  )),
+  ChartContainer.Skeleton
+)
diff --git a/lib/experimental/Widgets/Charts/exports.tsx b/lib/experimental/Widgets/Charts/exports.tsx
index 240fa63a..ab8ed524 100644
--- a/lib/experimental/Widgets/Charts/exports.tsx
+++ b/lib/experimental/Widgets/Charts/exports.tsx
@@ -3,6 +3,7 @@ import { AreaChartWidget as AreaChartWidgetComponent } from "./AreaChartWidget"
 import { BarChartWidget as BarChartWidgetComponent } from "./BarChartWidget"
 import { LineChartWidget as LineChartWidgetComponent } from "./LineChartWidget"
 import { PieChartWidget as PieChartWidgetComponent } from "./PieChartWidget"
+import { SummariesWidget as SummariesWidgetComponent } from "./SummariesWidget"
 import { VerticalBarChartWidget as VerticalBarChartWidgetComponent } from "./VerticalBarChartWidget"
 
 export const AreaChartWidget = Component(
@@ -44,3 +45,11 @@ export const VerticalBarChartWidget = Component(
   },
   VerticalBarChartWidgetComponent
 )
+
+export const SummariesWidget = Component(
+  {
+    name: "SummariesWidget",
+    type: "info",
+  },
+  SummariesWidgetComponent
+)