# How to import giu directory using npm?

**URL:** <https://forum.babylonjs.com/t/how-to-import-giu-directory-using-npm/50721>\
**Category:** Questions\
**Tags:** gui, npm\
**Created:** [May 21, 2024, 12:00pm UTC](https://forum.babylonjs.com/t/how-to-import-giu-directory-using-npm/50721 "2024-05-21T12:00:26Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![keyra](https://avatars.discourse-cdn.com/v4/letter/k/b3f665/32.png) [@keyra](https://forum.babylonjs.com/u/keyra)\
**Post date:** [May 21, 2024, 12:00pm UTC](https://forum.babylonjs.com/t/how-to-import-giu-directory-using-npm/50721/1 "2024-05-21T12:00:26Z")

</div>

I am working a custom virtual joystick in babylon.js i am using macos.

```auto
  let adt = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");

```

I tried import this command line. I am using npm i used firstly npm i @babylonjs/gui and i tried import this method

```auto
import { AdvancedDynamicTexture } from '@babylonjs/gui/2D';

```

it doesn’t work . secondly i tried npm install --save babylonjs babylonjs-gui

```auto
import * as GUI from 'babylonjs-gui'; 

```

it doesn’t work . how to import gui directory to my project?

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)\
**Post date:** [May 21, 2024, 12:19pm UTC](https://forum.babylonjs.com/t/how-to-import-giu-directory-using-npm/50721/2 "2024-05-21T12:19:51Z")

</div>

cc @RaananW

---

<div class="post-metadata">

**Author:** ![RaananW](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/raananw/32/28955_2.png) [@RaananW](https://forum.babylonjs.com/u/RaananW)\
**Post date:** [May 21, 2024, 12:22pm UTC](https://forum.babylonjs.com/t/how-to-import-giu-directory-using-npm/50721/3 "2024-05-21T12:22:58Z")

</div>

the BABYLON namespace is needed only if you use the UMD version of the engine (i.e. `import ... from "babylonjs"`); If you use es6, you need to import the class directly, and then not use the BABYLON namespace. It would be easier to tell you what is wrong if you shared a project or a reproduction

---

<div class="post-metadata">

**Author:** ![keyra](https://avatars.discourse-cdn.com/v4/letter/k/b3f665/32.png) [@keyra](https://forum.babylonjs.com/u/keyra)\
**Post date:** [May 24, 2024, 7:11am UTC](https://forum.babylonjs.com/t/how-to-import-giu-directory-using-npm/50721/4 "2024-05-24T07:11:33Z")

</div>

I’m getting error on my chrome console.

> main.js:116 Uncaught TypeError: Cannot read properties of undefined (reading ‘AdvancedDynamicTexture’)  
> at createScene

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [May 24, 2024, 3:31pm UTC](https://forum.babylonjs.com/t/how-to-import-giu-directory-using-npm/50721/5 "2024-05-24T15:31:18Z")

</div>

Can you please share a repro ? it is really hard without it.