github.com/flespi-software/MQTT-Tiles

Open-source MQTT-based IoT dashboard visualization tool. Has full MQTT 5.0 support. Allows easy dashboards sharing. Works with any MQTT broker supporting the WSS protocol.

Open this visualization on its own page →

Contributors

4

Lines of Code

1,112

From

2018-12-26

To

2021-02-01

About flespi-software/MQTT-Tiles

MQTT-Tiles is an open-source IoT dashboard visualization tool built with Vue.js and the Quasar framework that enables users to create interactive dashboards connected to MQTT brokers. The application supports both MQTT 5.0 and the older 3.1.X protocol versions, allowing connections to multiple brokers simultaneously and featuring multiple subscribe widgets for real-time data display. The dashboard configuration can be saved either locally in the browser's cache or as retained messages on the broker itself, making it easy to persist and share setups.

The project is written in ES6 JavaScript with a responsive Material Design theme and includes dev hot reload capabilities for development. It can be deployed as a standalone application or integrated as a component within other Quasar-based applications through props and event handlers. The tool works with any MQTT broker that supports the WebSocket Secure protocol, and a live version is available for immediate use without installation.

MQTT-Tiles targets IoT developers and system administrators who need to monitor and visualize real-time data from connected devices and sensors. Its emphasis on easy configuration sharing and support for modern MQTT standards makes it suitable for both simple monitoring dashboards and more complex multi-broker IoT deployments.

Share this video