# Embedding Kibana dashboard in a React web app

**URL:** https://discuss.elastic.co/t/embedding-kibana-dashboard-in-a-react-web-app/336672
**Category:** Kibana
**Created:** [June 22, 2023, 10:54am UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-in-a-react-web-app/336672 "2023-06-22T10:54:42Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Radhika\_Praveen](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/radhika_praveen/32/121963_2.png) [@Radhika\_Praveen](https://discuss.elastic.co/u/Radhika_Praveen)
#### Post date: [June 22, 2023, 10:54am UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-in-a-react-web-app/336672/1 "2023-06-22T10:54:42Z")

</div>

Hello,

My team has been exploring on the options to embed Kibana dashboard into a React web app. After some exploration we have found the below options:

1. iFrame is one way. But we dont want to use iFrame due to security reasons.
2. Canvas: Using Canvas and embedding it using the embeddable plugin. This might not be suitable for our use case as it offers very limited features.
3. Kibana API: [GitHub - Webiks/kibana-API: Kibana-API is an extension to Kibana that lets you tap in to the dashboard management board from your app and change the visualizations dynamically](https://github.com/Webiks/kibana-API)  
Again this requires to use iFrame so not going to work for us.

Also, we have seen the various discussions that has happened around this topic and they are all few years old.  
So I am bringing this question once again to see if there are any new options that is possible as Kibana has added a lot more features in the past few years.

So please let us know of any suggestions.

---

<div class="post-metadata">

### Author: ![Wolfram\_Haussig](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wolfram_haussig/32/70528_2.png) [@Wolfram\_Haussig](https://discuss.elastic.co/u/Wolfram_Haussig)
#### Post date: [June 23, 2023, 7:46am UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-in-a-react-web-app/336672/2 "2023-06-23T07:46:57Z")

</div>

Hi,

Unfortunately, I think there are not many options for you:  
The obvious option would be to switch from using Kibana dashboards to the Elastcsearch API and to create the visualizations in React. But, depending on your usecase, this might double the effort to maintain the dashboard in both Kibana and React.

Although you explicitly asked for options without iFrame, I would still like to ask:  
Have you already explored all your options to secure the iFrame? Like setting [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP), [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS), [iFrame Sandbox attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe), ...

Best regards  
Wolfram

---

<div class="post-metadata">

### Author: ![Radhika\_Praveen](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/radhika_praveen/32/121963_2.png) [@Radhika\_Praveen](https://discuss.elastic.co/u/Radhika_Praveen)
#### Post date: [June 30, 2023, 10:16am UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-in-a-react-web-app/336672/3 "2023-06-30T10:16:59Z")

</div>

@Wolfram_Haussig Thank you for the response. Will check on the options you have mentioned.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [July 28, 2023, 10:17am UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-in-a-react-web-app/336672/4 "2023-07-28T10:17:04Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
