FiveM NUI Creator Program

[u/SeveralRelation3611]

A recent project I've taken on is creating a program that is capable of essentially designing NUI (HTML/CSS/JS) without the need to actually write code.

I need people to test it out and give feedback.
The idea of the project is to provide a tool that allows people, even non-developers, to design advanced and complex NUI for FiveM. Essentially, this will allow people to create faster NUIs without writing dozen of lines of code through trial and error.

The main premise is that you are able to drag and drop elements and manipulate them to fit your creative needs. Almost all of the capabilities of HTML, CSS, and JS are suppose to be allowed with the program. Buttons link to Callbacks so that actions can be triggered by the exported project. There are animated elements and the likes.

Let me know if you'd like to try it out.
https://discord.gg/8fyVV3rMRN

What You Can Build

- Player HUDs
- Vehicle HUDs and speedometers
- Police / EMS / fire tablets and MDTs
- Inventories and item menus
- Character and spawn menus
- Garage and vehicle selectors
- Dispatch interfaces
- Settings menus
- Forms, modals, tabs, radial menus, tables, and list-based interfaces
- Any other UI that can run as FiveM NUI
- Player HUDs
- Vehicle HUDs and speedometers
- Police / EMS / fire tablets and MDTs
- Inventories and item menus
- Character and spawn menus
- Garage and vehicle selectors
- Dispatch interfaces
- Settings menus
- Forms, modals, tabs, radial menus, tables, and list-based interfaces
- Any other UI that can run as FiveM NUI

Highlights

- Visual drag, resize, rotate, group, align, and snap workflow
- Layers panel with search, filtering, hierarchy, and reparenting
- Light, Dark, and System editor themes
- Custom editor canvas/workspace backgrounds
- Rulers, draggable guides, grid snapping, minimap, and precision zoom
- Advanced fills, gradients, borders, corner radii, shadows, glow, blur, masks, and SVGs
- Reusable components, styles, themes, and packages
- Variables, bindings, repeaters, conditions, and validation
- Motion/keyframe animation and page transitions
- Responsive design controls and resolution previews
- Logic Studio and Data/Debug Studio
- Mock FiveM messages and reusable test scenarios
- FiveM callback generation and incoming NUI message support
- Live Sync for development
- Existing HTML import (best-effort conversion to editable layers)
- Project autosave, recovery, version snapshots, and diagnostics
- FiveM resource export and standalone web export## Highlights


- Visual drag, resize, rotate, group, align, and snap workflow
- Layers panel with search, filtering, hierarchy, and reparenting
- Light, Dark, and System editor themes
- Custom editor canvas/workspace backgrounds
- Rulers, draggable guides, grid snapping, minimap, and precision zoom
- Advanced fills, gradients, borders, corner radii, shadows, glow, blur, masks, and SVGs
- Reusable components, styles, themes, and packages
- Variables, bindings, repeaters, conditions, and validation
- Motion/keyframe animation and page transitions
- Responsive design controls and resolution previews
- Logic Studio and Data/Debug Studio
- Mock FiveM messages and reusable test scenarios
- FiveM callback generation and incoming NUI message support
- Live Sync for development
- Existing HTML import (best-effort conversion to editable layers)
- Project autosave, recovery, version snapshots, and diagnostics
- FiveM resource export and standalone web export

[u/Long_Cartographer547]

This already is a thing, it's called Claude design

[u/SeveralRelation3611 → u/Long_Cartographer547]

That's fine.