# Best way to go about making ui for a sandbox game

**URL:** <https://phaser.discourse.group/t/best-way-to-go-about-making-ui-for-a-sandbox-game/12932>\
**Category:** Phaser 3\
**Created:** [February 24, 2023, 11:24pm UTC](https://phaser.discourse.group/t/best-way-to-go-about-making-ui-for-a-sandbox-game/12932 "2023-02-24T23:24:27Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![VatsaDev](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/vatsadev/32/7356_2.png) [@VatsaDev](https://phaser.discourse.group/u/VatsaDev)\
**Post date:** [February 24, 2023, 11:24pm UTC](https://phaser.discourse.group/t/best-way-to-go-about-making-ui-for-a-sandbox-game/12932/1 "2023-02-24T23:24:27Z")

</div>

So I’ve been making a survival game, like a 2d minecraft, here [https://paperambi2.glitch.me/](https://paperambi2.glitch.me/) and I’d like to know the best way to go about for ui, as i saw a post for [kronkr.io](http://kronkr.io) that uses html ui, and i saw the phaser ui plugin, but its buggy when i tried, it, so whats a good method to go about making a ui in phaser, especially one like minecrafts

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [February 25, 2023, 5:04pm UTC](https://phaser.discourse.group/t/best-way-to-go-about-making-ui-for-a-sandbox-game/12932/2 "2023-02-25T17:04:53Z")

</div>

You can look at [Rex’s UI plugins](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/ui-overview/).

And the other approach is a DOM library like React.

---

<div class="post-metadata">

**Author:** ![VatsaDev](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/vatsadev/32/7356_2.png) [@VatsaDev](https://phaser.discourse.group/u/VatsaDev)\
**Post date:** [February 25, 2023, 6:13pm UTC](https://phaser.discourse.group/t/best-way-to-go-about-making-ui-for-a-sandbox-game/12932/3 "2023-02-25T18:13:42Z")

</div>

For Es6 imports, how do i add the plugin? Even my phaser plugin method is the ourcade es6 method, getting the js file and then using `export default window.Phaser`, so how would implement the phaser plugin like this?

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [February 25, 2023, 6:16pm UTC](https://phaser.discourse.group/t/best-way-to-go-about-making-ui-for-a-sandbox-game/12932/4 "2023-02-25T18:16:22Z")

</div>

Which plugin?

---

<div class="post-metadata">

**Author:** ![VatsaDev](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/vatsadev/32/7356_2.png) [@VatsaDev](https://phaser.discourse.group/u/VatsaDev)\
**Post date:** [March 1, 2023, 8:11pm UTC](https://phaser.discourse.group/t/best-way-to-go-about-making-ui-for-a-sandbox-game/12932/5 "2023-03-01T20:11:52Z")

</div>

never mind im working with DOM