Suitability of Grafana for Developing a Complex Application with Custom UI Requirements

Hello Grafana Community,

We are planning to develop a complex web application that will feature a variety of graphs, tables, and other views. The application will need to adhere to our company’s specific standards for CSS, fonts, and colors. Additionally, we require custom UI components such as dropdowns, tabs, search filters, and potentially other interactive elements.

Given these requirements, I would like to understand if Grafana is a suitable platform for building this type of application. Specifically, can Grafana be customized to meet our needs in terms of design and user interface components?
Or Can we modify the source code to adjust as per our needs ?

Your insights and advice would be greatly appreciated.

Thank you!

Run away. Grafana is not a framework, but app.
Use your favorite frontend framework for that.

1 Like

I 2nd this, you can embed grafana where you need it!

check out the below for an app built with grafana:

https://demo.datasentinel.io/

1 Like

@sayyadsalim4100 Grafana is a great platform with it’s own limitation and can be used for complex web applications.

Custom UI components can be developed similar to any other framework.

Hi @mikhailvolkov could you please share some references?
For example, if I need to create a popup and open it on some API failure how can I do it?

Hi @sowdenraymond, So this app is developed in React, and Grafana is embedded in it ?
or it’s completely built in Grafana with the use of any plugins?

1 Like

@sayyadsalim4100 You can use Scenes as @sowdenraymond recommended or use panels for the required functionality. This is the good place to start:

This is the components library, which includes popup

https://developers.grafana.com/ui/latest/index.html