# FPS dropping after adding GUI

**URL:** <https://forum.babylonjs.com/t/fps-dropping-after-adding-gui/58137>\
**Category:** Questions\
**Tags:** particles, gui, watermaterial, enablefluidrenderer\
**Created:** [April 29, 2025, 10:07am UTC](https://forum.babylonjs.com/t/fps-dropping-after-adding-gui/58137 "2025-04-29T10:07:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![justy](https://avatars.discourse-cdn.com/v4/letter/j/258eb7/32.png) [@justy](https://forum.babylonjs.com/u/justy)\
**Post date:** [April 29, 2025, 10:07am UTC](https://forum.babylonjs.com/t/fps-dropping-after-adding-gui/58137/1 "2025-04-29T10:07:17Z")

</div>

Hi everybody,

I am facing performance problems in my project. It had stable 60fps the whole time. Now, after adding (and deleting) GUI for fluid renderer particle system testing, the fps drop to 25-30 when interacting with water. Disabling particles in the inspector fixes the fps but it wasn’t a problem up until I tried adding the GUI.

Does anybody have ideas how to solve this?

> **[Babylon.js Playground](https://playground.babylonjs.com/#1T6GC5%2323)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes

---

<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:** [April 29, 2025, 11:29am UTC](https://forum.babylonjs.com/t/fps-dropping-after-adding-gui/58137/2 "2025-04-29T11:29:25Z")

</div>

Sorry, just making sure - are you referring to the dat.GUI component?

---

<div class="post-metadata">

**Author:** ![justy](https://avatars.discourse-cdn.com/v4/letter/j/258eb7/32.png) [@justy](https://forum.babylonjs.com/u/justy)\
**Post date:** [April 29, 2025, 11:42am UTC](https://forum.babylonjs.com/t/fps-dropping-after-adding-gui/58137/3 "2025-04-29T11:42:37Z")

</div>

Yes, the dat.GUI component, sorry for not clarifying

---

<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:** [April 29, 2025, 11:53am UTC](https://forum.babylonjs.com/t/fps-dropping-after-adding-gui/58137/4 "2025-04-29T11:53:29Z")

</div>

The amount of particles you set in the GUI is probably a bit too much for some systems. But even when removing the GUI component, the framerate is quite low with the default values (at least on my device)