1.0.0 • Published 7 months ago

fivem-react-ui-creator v1.0.0

Weekly downloads
-
License
WWR
Repository
github
Last release
7 months ago

FiveM React UI Template

This template provides a starting point for creating user interfaces for FiveM using React and Vite.

Features

  • React 18 with Vite
  • TailwindCSS for styling
  • Mantine UI components
  • Zustand for state management
  • NUI communication utilities
  • TypeScript support

Getting Started

  1. Install dependencies: ```bash npm install ```

  2. Start development server: ```bash npm run dev ```

  3. Build for production: ```bash npm run build ```

Project Structure

  • `src/nui.js`: NUI communication utilities
  • `src/store/useStore.js`: Zustand store setup
  • `src/App.jsx`: Main application component
  • `vite.config.js`: Vite configuration

Usage with FiveM

  1. Build your UI using `npm run build`
  2. Copy the contents of `dist` to your resource's `ui` folder
  3. Update your resource's `fxmanifest.lua` to include the UI files

Adding to NPM

  1. Create an account on npmjs.com
  2. Login using `npm login`
  3. Publish using `npm publish`

License

WWR