---
title: "Beszel Systems (Grid)"
description: "Card grid view of all Beszel-monitored systems with real-time metrics."
hide_title: true
---

import { WidgetHeader } from "@site/src/components/widgets/header";
import { AddingWidget } from "@site/src/components/widgets/adding";
import { WidgetConfig } from "@site/src/components/widgets/configuration";
import { WidgetIntegrations } from "@site/src/components/widgets/integrations";
import { beszelSystemGridWidget } from ".";
import { beszelIntegration } from "@site/docs/integrations/beszel";

import beszelSystemGrid from "./img/beszel-system-grid.png";

<WidgetHeader widget={beszelSystemGridWidget} categories={["System Monitoring"]} />

This widget displays all your Beszel-monitored systems as a responsive card grid. Each card shows real-time metrics like CPU, memory, disk, network, temperature, and more. Cards adapt their layout based on available space. If Beszel reports multiple filesystems, the disk bar exposes a hover breakdown for the root disk and each extra mount.

Select a system card to open the complete statistics view, including system, filesystem, Docker, historical, and realtime charts.

### Screenshots

<img src={beszelSystemGrid} alt="Beszel System Grid widget showing system cards with metrics" />

### Supported Integrations

<WidgetIntegrations
  items={[
    {
      integration: beszelIntegration,
      note: "Displays all monitored systems as a card grid",
    },
  ]}
/>

### Adding the widget

<AddingWidget />

### Configuration

<WidgetConfig configuration={beszelSystemGridWidget.configuration} />