Hi I am Mohammed IOT Engineer from Oman.
I have little experience in Full Stack but I am good at using Claude code.
I am posting this topic to ask what is the best way to customize Openremote Dashboard based on what the customer needs.
Is there a certain skill or library or a guide I can refer to? of maybe use third party apps like Grafana?
Please let me know.
PS: The use case is Lorawan Tracking devices / Human Vital Sensors / Machines Monitoring.
Hi!
What do you mean with “customize the Dashboard” ?
There are plenty of widgets available in the Manager by default, that should fill your needs.
Or are you referring to building custom widgets in code, specifically for your use case?
There are a lot of forum posts on this topic, like this one. It’s a bit tricky using the custom projects template, but I’ve explained it in the official documentation, that can be found here:
Hi Martin,
Thank you for the quick response and the links — I really appreciate it!
To clarify what I mean: I’m not just looking to add more widgets. I want to completely transform the look and feel of the dashboard to make it visually stunning, modern, and “wow” — something closer to what ThingsBoard offers out of the box with its sleek UI, rich card designs, dark/light themes, and smooth data visualizations.
The default Manager widgets are functional, but they feel quite plain compared to modern IoT dashboards. My customers expect something polished and impressive, especially given the use cases involved: LoRaWAN tracking devices, human vital sensors, and machine monitoring — these all benefit greatly from rich, real-time visual displays.
My questions:
I’m comfortable using Claude Code to help with the development side, so I’m not afraid of going deep into the codebase — I just want to make sure I’m heading in the right direction before investing time.
Thanks again for your help!
Best regards,
Mohammed | IoT Engineer, Oman
- Is it feasible to build fully custom widgets with modern UI frameworks (e.g., custom charts, map overlays, gauge cards) using the custom projects template you mentioned?
The custom project template is focused towards building custom apps.
So this would mean you’d create a new app, completely standalone from the Manager UI and its dashboard builder, and start from there.
It is possible to “inherit the Manager UI code classes”, using the
@openremote/manager NPM package, but this is relatively difficult to achieve.
The complexity is mentioned in the docs I sent earlier.
For context: Support for custom widgets in the custom project template is on the roadmap,
but it is not scheduled anytime soon.
.
- Has anyone integrated OpenRemote with Grafana? I’m considering connecting OpenRemote as a data source and embedding Grafana panels for richer visualizations.
We’ve had users before that ran Grafana alongside OpenRemote, by directly interacting
with the PostgreSQL database container. You can definitely make that work using the
asset_datapoint and asset tables respectively.
.
- Are there any community projects or examples that show a heavily customized OpenRemote UI I could reference?
Not on the top of my head. You can look around the forum, or look for repositories on GitHub.