Skip to content

Advanced Hud System for FiveM built with React Typescript and Mantine

Notifications You must be signed in to change notification settings

Thomasdev18/ts_hud

Repository files navigation

TS SCRIPTS - HUD

Features

  • Settings Menu
  • Unique Design
  • Multiple Hud Types
  • Mantine V7
  • QBOX / QBCORE (Maybe some changes are needed) / ESX SUPPORT (SOON)

FAQ

1. How do I make this support other resolutions?

To ensure the UI displays correctly across different screen resolutions, force the UI resolution in FiveM settings to 1920x1080.

Screenshots

App Screenshot App Screenshot

License

GPLv3 License

Installation

You have two options for installation:

  1. Use the Pre-Built Version:
    The pre-built version is ready to use and requires no additional setup—just plug and play!

  2. Build from Source:
    If you prefer to build from the source code, follow these steps:

cd web
pnpm i
pnpm build

After, ensure that the resource is correctly referenced in the server.cfg file.

Support

Join our Discord community

Contributing

We welcome and encourage contributions from everyone!

If you have an idea for improvement, want to fix a bug, or add new features, feel free to make the changes and submit a Pull Request (PR). The TS Scripts team will review your PR as soon as possible.

Your contributions help us improve and grow—thank you for your support!

Feedback

If you have any feedback, please reach out to me in our Discord community

Authors

Credits

A big thank you to everyone who has contributed, reached out, and offered to help—I truly appreciate your support!

Special thanks to MT-Scripts for providing the foundation of the backend, which is based on their HUD.

About

Advanced Hud System for FiveM built with React Typescript and Mantine

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published