> ## Documentation Index
> Fetch the complete documentation index at: https://docs.coreflux.org/llms.txt
> Use this file to discover all available pages before exploring further.

# Coreflux HUB Overview

> Manage your Coreflux broker from the browser—explore MQTT topics, edit LoT code, configure routes, and monitor system health

<Frame caption="Coreflux HUB home screen with the app dock and live status (routes, workspace, time)">
  <img src="https://mintcdn.com/coreflux/W9CJ-kgVY3a3sCeL/images/hub-dashboard.png?fit=max&auto=format&n=W9CJ-kgVY3a3sCeL&q=85&s=9b4d16910752604f09fb135f43a48dce" alt="Coreflux HUB home screen with central artwork, bottom app dock with the home icon selected, and status details in the header" width="1024" height="639" data-path="images/hub-dashboard.png" />
</Frame>

## Why Use the Coreflux HUB?

You need a single place to manage your broker without installing extra tools or connecting via the command line. The Coreflux HUB gives you a browser-based interface to explore topics, create and edit LoT (Language of Things) definitions, configure routes, and monitor system status—all from one dashboard.

<Note>
  The Coreflux HUB is available exclusively with [Docker installations](/quick-start/installation). Make sure your deployment exposes ports `8080` (HTTP) or `8443` (HTTPS).
</Note>

<Tip>
  **Like a control panel for your broker.** The HUB puts Data Viewer, LoT Editor, route management, and system tools in one place so you can deploy and debug without leaving your browser.
</Tip>

## When to Use the HUB

* **Manage everything from the browser** — Configure your broker, deploy logic, and set up data routes without installing desktop tools
* **Go from idea to deployment in minutes** — Write and deploy Actions, Models, and Rules directly in the built-in editor
* **Monitor your system in real time** — See device connections, data flow, and system health at a glance
* **Diagnose issues fast** — Inspect live MQTT messages and run broker commands from one interface

## Prerequisites

The HUB is available when you run Coreflux via Docker and expose the HUB ports:

| Port   | Protocol | Description       |
| ------ | -------- | ----------------- |
| `8080` | HTTP     | HUB (unencrypted) |
| `8443` | HTTPS    | HUB (TLS)         |

<Note>
  If these ports are not specified, the broker runs normally but without the HUB. See [Installation](/quick-start/installation) for Docker setup.
</Note>

## Accessing the HUB

Open your browser and navigate to:

* **Local**: `http://localhost:8080`
* **Remote**: `http://<broker-ip>:8080`

For HTTPS, use port `8443` instead.

## How the HUB Is Organized

The HUB is built around five apps. Each app groups related tools so you can switch between tasks without leaving the browser.

<CardGroup cols={2}>
  <Card title="MQTT" icon="broadcast-tower" href="/coreflux-hub/mqtt/overview">
    Explore topics, publish messages, and view connected clients.
  </Card>

  <Card title="LoT Editor" icon="code" href="/coreflux-hub/lot">
    Create and edit Actions, Models, and Rules in the browser.
  </Card>

  <Card title="Dashboards" icon="gauge-high" href="/coreflux-hub/dashboards">
    Build live panels with gauges, charts, and controls bound to broker data.
  </Card>

  <Card title="Routes" icon="route" href="/coreflux-hub/routes/overview">
    Add, configure, and monitor routes with templates or LoT code.
  </Card>

  <Card title="System" icon="server" href="/coreflux-hub/system/overview">
    Broker configuration, user management, trace logs, and command console.
  </Card>
</CardGroup>

### MQTT

Browse live data flowing through your broker. The MQTT app includes a **Data Viewer** for subscribing to topics and publishing test messages, and a **Connected Clients** view to see which devices are online.

<Frame caption="MQTT app — Data Viewer with topic tree and publish controls, plus Connected Clients">
  <img src="https://mintcdn.com/coreflux/W9CJ-kgVY3a3sCeL/images/hub-mqtt-section.png?fit=max&auto=format&n=W9CJ-kgVY3a3sCeL&q=85&s=0c44784a183cc842ee146a5429967def" alt="Coreflux HUB MQTT app showing Data Viewer with topic tree, publish panel, and Connected Clients list with client details" width="1024" height="639" data-path="images/hub-mqtt-section.png" />
</Frame>

### LoT Editor

Write and deploy logic directly in the browser. The LoT Editor provides tabs for **Actions**, **Models**, and **Rules**, each with a code editor — no external tools required.

<Frame caption="LoT Editor — Actions tab with an Action open in the inline code editor">
  <img src="https://mintcdn.com/coreflux/W9CJ-kgVY3a3sCeL/images/hub-lot-section.png?fit=max&auto=format&n=W9CJ-kgVY3a3sCeL&q=85&s=5e6c77518490ff114cb34b9aea66e065" alt="Coreflux HUB LoT Editor showing the Actions tab, action list, and code editor with LoT syntax for a Heartbeat Action" width="1024" height="639" data-path="images/hub-lot-section.png" />
</Frame>

### Dashboards

Design operator-facing screens from a component library—gauges, charts, industrial symbols, and controls—and bind each widget to live data on your broker. The **Dashboard Manager** lists your panels; open one to preview or use it full screen for walls and shared links.

<Frame caption="Dashboards — published panel with live numeric readout and gauge">
  <img src="https://mintcdn.com/coreflux/W9CJ-kgVY3a3sCeL/images/hub-dashboards-panel-fullscreen.png?fit=max&auto=format&n=W9CJ-kgVY3a3sCeL&q=85&s=4aef093dc0b7e4c88c039de7776899c4" alt="Coreflux HUB panel view titled S7 DB1 Dashboard with an orange gauge reading 100.0 and a ScanCounterTrend live line chart on a dark background" width="1899" height="1023" data-path="images/hub-dashboards-panel-fullscreen.png" />
</Frame>

### Routes

Connect your broker to databases, PLCs, and external systems. The Routes app shows each route as a card with a live **status indicator**, and lets you configure routes visually or in LoT code.

<Frame caption="Routes app — route cards with live status and quick actions on each card">
  <img src="https://mintcdn.com/coreflux/W9CJ-kgVY3a3sCeL/images/hub-routes-section.png?fit=max&auto=format&n=W9CJ-kgVY3a3sCeL&q=85&s=f09d7faf457109ed2c9a7b7f78c42a56" alt="Coreflux HUB Routes app showing multiple route cards in a row with type labels, green status dots, and toolbar icons on each card" width="1024" height="639" data-path="images/hub-routes-section.png" />
</Frame>

### System

Administer the broker itself. The System app provides **Broker Configuration**, **User Management**, a **Command Console** for direct broker commands, and **Broker Logs** for real-time diagnostics.

<Frame caption="System app — System Config with network settings and the app launcher menu open">
  <img src="https://mintcdn.com/coreflux/W9CJ-kgVY3a3sCeL/images/hub-system-section.png?fit=max&auto=format&n=W9CJ-kgVY3a3sCeL&q=85&s=5e43ee4444cdeaf902407e3bb2b33bee" alt="Coreflux HUB System app showing System Config with General, Network, and Binding fields, plus the overlay app menu listing Data Viewer, LoT Editor, Routes, and system tools" width="1024" height="639" data-path="images/hub-system-section.png" />
</Frame>

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Data Viewer" icon="search" href="/coreflux-hub/mqtt/data-viewer">
    Subscribe to topics and publish messages from the browser.
  </Card>

  <Card title="LoT Editor" icon="pen" href="/coreflux-hub/lot">
    Deploy your first Action without VS Code.
  </Card>
</CardGroup>
