# 3D Components in Ignition

**URL:** <https://forum.inductiveautomation.com/t/3d-components-in-ignition/75128>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 16, 2023, 9:18am UTC](https://forum.inductiveautomation.com/t/3d-components-in-ignition/75128 "2023-06-16T09:18:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adarsh\_K](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@Adarsh\_K](https://forum.inductiveautomation.com/u/Adarsh_K)\
**Post date:** [June 16, 2023, 9:18am UTC](https://forum.inductiveautomation.com/t/3d-components-in-ignition/75128/1 "2023-06-16T09:18:54Z")

</div>

Hi , I am trying to display plant layout in 3D . Plant has multiple lines and machines and its stats to be displayed in single screen . Do we have any inbuild functions for this ?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 16, 2023, 9:26am UTC](https://forum.inductiveautomation.com/t/3d-components-in-ignition/75128/2 "2023-06-16T09:26:39Z")

</div>

You can use the css 3D [CSS 3D Transforms](https://www.w3schools.com/css/css3_3dtransforms.asp). not super easy though if you want to combine many interactive components

Here is an example that combines 3d css with some injections, but injections arent all that easy either i guess

> [@CSS 3D cuboid gauge](https://forum.inductiveautomation.com/t/css-3d-cuboid-gauge/68522/12):
>
> [image] this is not how to inject css^^ i guess you can just put it here too if you dont want any sheets [image] to make it scaleable, look at my example, it should scale (though it does not respect ratio so you have to be sure its a square. edit: i found a fix for aspect ratio, well it works in the browser atleast, it doesnt work in the designer .psc-fixMarkdownElementHeight \> div{height:auto; width:100%; aspect-ratio: 1 / 1;} Here you go! You'll have to take an other look at the labels…
