About the Web Universal IoT Remote Dashboard
Building something new and do not want to make an app? This universal dashboard has one of everything: two outputs, a PWM slider, a colour picker, a mode selector, four buttons, two sensor readings and a text message from your device. Flash our code, then change the TODO parts to fit your project.
This remote runs fully in your browser, so it works on any phone or computer with no app to install. Try it now in demo mode. When you are ready, connect it to your own ESP32 or ESP8266 by Bluetooth, Wi-Fi hotspot, home Wi-Fi, USB cable or the internet. We write the Arduino code for you for each option.
How to use it
- Play with the remote in demo mode to see how it works.
- Build your device. See "What you need" below.
- Press Connect my device and pick how you want to connect. Bluetooth or Wi-Fi hotspot are the easiest.
- Press Get the code for this, upload it to your board with Arduino IDE, then connect. Now the buttons control your real device.
Why people like this tool
No app needed
Opens in any browser on Android, iPhone, laptop or tablet.
Real demo mode
Animated preview so you can test before you build.
Ready ESP32 code
Arduino sketch for ESP32 or ESP8266, made for this remote.
5 ways to connect
Bluetooth, Wi-Fi hotspot, home Wi-Fi, USB cable or internet (MQTT).
What you need to build it
- An ESP32 board (or several)
- Relay modules for outputs and sensors for readings
- A stable 5V power supply
- A private MQTT broker for many devices
Not ready to build? You can still use the remote in demo mode to plan your project and test the buttons.
Commands this remote sends
Over Bluetooth or a USB cable, each command is a short text line like id=value. With MQTT, it goes to your-topic/<id>/set and your device reports back on your-topic/<id>/state. On Wi-Fi, the page calls /<id>?value=… on the device.
| id | Control | Values | Direction |
|---|---|---|---|
power | Main output | ON / OFF | Remote → device |
out2 | Output 2 | ON / OFF | Remote → device |
pwm | PWM level | 0 to 100 % | Remote → device |
color | Colour | Hex colour like #FF8800 | Remote → device |
mode | Mode | A, B, C | Remote → device |
action | Buttons | B1, B2, B3, B4 | Remote → device |
sensor1 | Sensor 1 | Device sends a number in | Device → remote |
sensor2 | Sensor 2 | Device sends a number in | Device → remote |
message | Message | Device sends text | Device → remote |