A read-only MQTT JSON browser with local history and up to ten live plots, inspired by mqttui.
Open MQTT Telemetry or try a public broker.
Connect to your broker, browse topics, and pin numeric values to plot them. Simple numeric payloads can be pinned directly in the topic tree; structured JSON exposes its fields in Value. History lets you inspect earlier messages while plots continue following live traffic.
Use one MQTT subscription filter per line. Start with the topics you need: # on a busy broker can overwhelm the viewer. An empty list means no subscriptions. $SYS topics need an explicit filter such as $SYS/#.
History lives in the current tab and is lost on reload. Storage is bounded: older messages are pruned, preserving each topic’s latest received value, the topic tree, and your plots. The latest value is kept even beyond the history age limit. If capacity is exhausted, the app explains what stopped and how to recover.
Subscription edits and reconnects preserve the workspace. Changing the broker URL starts fresh. Messages missed during a connection interruption cannot be recovered.
Plots use browser receipt time. Every arrival enters history, including retained replays and empty payloads; neither erases earlier messages. Retained replays are excluded from plots so refreshing subscriptions does not count old values as new measurements. A pinned field becoming absent or nonnumeric interrupts its line; the plot resumes when numeric values return.
Saved dashboards and share links contain connection settings and plots, but no credentials or message history. Broker and topic names in launch URLs may appear in browser history and hosting logs; use a local dashboard file for sensitive names.
Browsers need MQTT over WebSockets. The hosted HTTPS app requires wss:// and a browser-trusted certificate. Your browser may also request permission to access a local broker.
For a LAN broker offering only ws://, save the hosted page as Webpage, HTML Only and open the saved file. It is a complete offline application that connects directly to the broker.
npm ci
npm run devnpm run format:check
npm test
npm run build
npm run test:browserThe build checks Svelte and produces the self-contained dist/index.html. Browser checks use a local MQTT fixture and require Chrome or Chromium; set CHROME_BIN if needed.
Licensed under either Apache-2.0 or MIT.