🔥 A Javascript/Typescript wrapper for the FiveM natives 🎮
This is a continuation of fivem-js, who's maintainer has sadly passed away.
This project is in no way affiliated with FiveM or the Cfx Collective.
Functionality of this wrapper is based on the FiveM C# wrapper - link. It's a feature-rich set of helper classes, objects, and functions to help you develop your project faster.
- No runtime dependencies
- Abstracts common used FiveM practices
- Entity management through class objects (i.e.
Vehicle
andPed
entities) - UI elements such as
scaleforms
and loadingprompts
- Audio, Blips, Cameras and more...
In other words, whatever the FiveM C# wrapper can do, this package can as well and more!
yarn add @nativewrappers/client
or
npm i @nativewrappers/client
https://www.npmjs.com/package/@nativewrappers/client
See here for example projects.
import * as Cfx from '@nativewrappers/client';
RegisterCommand(
'adder',
async (source: number, args: string[]) => {
const vehicle = await Cfx.World.createVehicle(
new Cfx.Model('adder'),
new Cfx.Vector3(1, 2, 3),
4,
);
Cfx.Game.PlayerPed.setIntoVehicle(vehicle, Cfx.VehicleSeat.Driver);
},
false,
);
You can also individually import classes.
import { World } from '@nativewrappers/client/lib/World';
/// <reference path="node_modules/@nativewrappers/client/lib/index.d.ts"/>
/// <reference path="node_modules/@citizenfx/client/natives_universal.d.ts"/>
const Cfx = require('@nativewrappers/client');
RegisterCommand(
'adder',
async (source, args) => {
const vehicle = await Cfx.World.createVehicle(
new Cfx.Model('adder'),
new Cfx.Vector3(1, 2, 3),
4,
);
Cfx.Game.PlayerPed.setIntoVehicle(vehicle, Cfx.VehicleSeat.Driver);
},
false,
);
You are more than welcome to contribute to this project by submitting a pull request and creating issues.
Please checkout CONTRIBUTING.md for our contributing guidelines.
MIT with customization. See LICENSE