FiveM Resource Maker

Github

I’m happy to announce the release of fivem-resource-maker, a CLI tool designed to make generating FiveM resources easier than ever. Whether you’re a JavaScript, TypeScript, or Lua developer, this tool guides you through the resource creation process, helping you quickly set up your project structure with all the necessary files.

Key Features:

  • Multi-Language Support: Choose from JavaScript, TypeScript, or Lua for your resource development.
  • Intuitive CLI Interface: Enjoy a user-friendly experience with guided prompts.
  • Automatic Configuration: Create your project structure with all essential files in no time.
  • Flexible Package Managers: Use npm, yarn, or pnpm based on your preference.
  • Customizable Build Tools: For TypeScript projects, select from esbuild, tsc, webpack, or rollup.
  • Lua 5.4 Support: Easily include Lua 5.4 in your Lua projects.

Whether you’re a beginner or an experienced developer, fivem-resource-maker allows you to focus on creating content while automating the tedious steps of project setup. I encourage you to give it a try and share your feedback!

Example Screenshots:

Lua Resource

Lua Resource

JavaScript Resource

JavaScript Resource

TypeScript Resource

TypeScript Resource

6 Likes

As usual, scripts are created to improve the daily life of a developer and save him time.

Great little quality of life project for beginners and hopefully you learned something as well! Great work person! Great work!

1 Like

Hi, thank you and this is just the beginning I’m going to add a support for the nui.

Thanks :heart_hands:

Would be awesome if you could include this one in the NUI part later

Hi, I was thinking of doing this on Monday, but it has to be next week. If you have any other ideas, or if anyone else does, please don’t hesitate to contact me or reply on the forum.

Hello I started to look at templates for the nui and I would propose this :

Framework / Library CSS Framework Language Avancement
vanilla none JavaScript :hourglass_flowing_sand:
vanilla none TypeScript :hourglass_flowing_sand:
vanilla bootstrap JavaScript :hourglass_flowing_sand:
vanilla bootstrap TypeScript :hourglass_flowing_sand:
vanilla tailwind JavaScript :hourglass_flowing_sand:
vanilla tailwind TypeScript :hourglass_flowing_sand:
vanilla sass JavaScript :hourglass_flowing_sand:
vanilla sass TypeScript :hourglass_flowing_sand:
vanilla less JavaScript :hourglass_flowing_sand:
vanilla less TypeScript :hourglass_flowing_sand:
react none JavaScript :hourglass_flowing_sand:
react none TypeScript :hourglass_flowing_sand:
react bootstrap JavaScript :hourglass_flowing_sand:
react bootstrap TypeScript :hourglass_flowing_sand:
react tailwind JavaScript :hourglass_flowing_sand:
react tailwind TypeScript :hourglass_flowing_sand:
react sass JavaScript :hourglass_flowing_sand:
react sass TypeScript :hourglass_flowing_sand:
react less JavaScript :hourglass_flowing_sand:
react less TypeScript :hourglass_flowing_sand:
vue none JavaScript :hourglass_flowing_sand:
vue none TypeScript :hourglass_flowing_sand:
vue bootstrap JavaScript :hourglass_flowing_sand:
vue bootstrap TypeScript :hourglass_flowing_sand:
vue tailwind JavaScript :hourglass_flowing_sand:
vue tailwind TypeScript :hourglass_flowing_sand:
vue sass JavaScript :hourglass_flowing_sand:
vue sass TypeScript :hourglass_flowing_sand:
vue less JavaScript :hourglass_flowing_sand:
vue less TypeScript :hourglass_flowing_sand:
svelte none JavaScript :hourglass_flowing_sand:
svelte none TypeScript :hourglass_flowing_sand:
svelte bootstrap JavaScript :hourglass_flowing_sand:
svelte bootstrap TypeScript :hourglass_flowing_sand:
svelte tailwind JavaScript :hourglass_flowing_sand:
svelte tailwind TypeScript :hourglass_flowing_sand:
svelte sass JavaScript :hourglass_flowing_sand:
svelte sass TypeScript :hourglass_flowing_sand:
svelte less JavaScript :hourglass_flowing_sand:
svelte less TypeScript :hourglass_flowing_sand:
angular none JavaScript :hourglass_flowing_sand:
angular none TypeScript :hourglass_flowing_sand:
angular bootstrap JavaScript :hourglass_flowing_sand:
angular bootstrap TypeScript :hourglass_flowing_sand:
angular tailwind JavaScript :hourglass_flowing_sand:
angular tailwind TypeScript :hourglass_flowing_sand:
angular sass JavaScript :hourglass_flowing_sand:
angular sass TypeScript :hourglass_flowing_sand:
angular less JavaScript :hourglass_flowing_sand:
angular less TypeScript :hourglass_flowing_sand:

if someone could help me just with the templates because I hate the front it’s with pleasure

2 Likes

Very useful :slight_smile:

Hi, thanks bro

Hi guys,

I have release a new version with support for use_experimental_fxv2_oal in lua resource