# Importing 3D model(obj,stl,step,etc) in Node-red Dashboard
**URL:** https://discourse.nodered.org/t/importing-3d-model-obj-stl-step-etc-in-node-red-dashboard/31492
**Category:** General
**Created:** [12 August 2020 18:14 UTC](https://discourse.nodered.org/t/importing-3d-model-obj-stl-step-etc-in-node-red-dashboard/31492 "2020-08-12T18:14:09Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@Jaisantosh](https://discourse.nodered.org/u/Jaisantosh)
#### Post date: [12 August 2020 18:14 UTC](https://discourse.nodered.org/t/importing-3d-model-obj-stl-step-etc-in-node-red-dashboard/31492/1 "2020-08-12T18:14:09Z")
Hi, I'm looking for any option to import a 3D model which I have created in other modelling software. As I came across 3D flow of babylon.js but it only have fixed objects like box,sphere,etc and also it creates a separate scene. but what i want is to combine both dashboard flows and 3D Model in same Dashboard.
Thank you, Have a great day.
---
### Author:  [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)
#### Post date: [12 August 2020 21:22 UTC](https://discourse.nodered.org/t/importing-3d-model-obj-stl-step-etc-in-node-red-dashboard/31492/2 "2020-08-12T21:22:35Z")
Hi @Jaisantosh,
I'm not sure whether anything is available out-of-the box already.
I only found this:
- [node-red-contrib-web-babylonjs](https://www.npmjs.com/package/node-red-contrib-web-babylonjs). But like you already mentioned, I'm also not sure whether it allows currently to load a 3d model and show it in the dashboard.
- [node-red-arjs](https://github.com/dceejay/node-red-arjs). I see in this [link](https://medium.com/@akashkuttappa/using-3d-models-with-ar-js-and-a-frame-84d462efe498) that this augmented reality library (ar.js) can load following 3d models: \* glTF 2.0, glTF, OBJ, COLLADA, PLY, JSON, FBX
- [p5.js](https://discourse.nodered.org/t/demo-on-how-to-display-graphics-p5-js-in-dashboard-widget/24437). I see here that p5.js supports 3d models via OBJ and STL.
- [three.js](https://groups.google.com/forum/#!topic/node-red/dTutUVqXa8k). I wrote that example for somebody, to show 3D in the flow editor. But I assume you can use similar code in a template node for the dashboard ...
After this quick look, I assume the p5.js example flow is closest to the dashboard solution you are trying to achieve ...
Bart
---
### Author:  [@hugobox](https://discourse.nodered.org/u/hugobox)
#### Post date: [13 August 2020 16:20 UTC](https://discourse.nodered.org/t/importing-3d-model-obj-stl-step-etc-in-node-red-dashboard/31492/3 "2020-08-13T16:20:12Z")
Hi @Jaisantosh !
I made an example of using three.js to render a 3D model here (served over an http endpoint):
[https://flows.nodered.org/flow/079151b53f63261911684acc015f9166](https://flows.nodered.org/flow/079151b53f63261911684acc015f9166)
In is then possible to use a ui\_template to load this endpoint in an iframe (even with a transparent background so it looks well integrated)
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [12 October 2020 16:20 UTC](https://discourse.nodered.org/t/importing-3d-model-obj-stl-step-etc-in-node-red-dashboard/31492/4 "2020-10-12T16:20:25Z")
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.