FiveM messes up UI

I’ve been experimenting with creating a crafting NUI (Native UI) using Tailwind CSS and testing it in the Edge browser. I’ve successfully crafted the UI to my liking.

However, I face some challenges when I try to use the UI in FiveM. The images appear distorted, and there are issues with certain offsets.

I have a feeling deep down that this could be because tailwindcss has some functions that FiveM does not support. However, I’d like to be sure before I go change everything.

As I’m fairly new to NUI, I have no idea how to fix these issues. That’s why I’m seeking guidance on resolving these problems and ensuring that my UI displays correctly within the FiveM environment. Any assistance or suggestions would be greatly appreciated!

Hello, this is a friendly reminder because this is your first time creating a topic (or it has been a while since your last topic) in this category.

Please note that most of the support is provided by the Cfx.re community on a voluntary basis. We ask you to be patient; there is no guarantee we have a solution to your problem(s). To avoid unnecessary/duplicate topics, please browse the forums before creating a topic.

To improve your chances of your issue(s) being solved, please provide as much information as possible about the issue(s) you are having. Also —whenever possible— please use the template given to you when creating a topic.

Thanks for keeping these forums tidy!
:mascot:

Okay, so I found the issue. This line of code was the reason for 7 hours of wasted time
image

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.