# Force Characters
A modern, feature-rich multicharacter system for FiveM servers, providing an immersive character selection and management experience with a beautifully designed UI built with React, TypeScript, and Tailwind CSS.
(
---
##
Features
###
Multi-Framework Support
- **ESX** - Full support for ESX framework (es_extended)
- **QBCore** - Complete QBCore integration (qb-core)
- **QBox** - Native QBox support (qbx_core)
- **Custom/Standalone** - Flexible custom framework integration
- **Auto-detection** - Automatically detects your framework on startup
###
Appearance System Integration
- **force-appearance** - Native integration
- **esx_skin / skinchanger** - Full ESX appearance support
- **qb-clothing** - QBCore clothing system
- **illenium-appearance** - Popular appearance system support
- **rcore_clothing** - RCore appearance integration
- **Custom** - Bring your own appearance system
###
Modern UI
- Built with **React**, **TypeScript**, **Tailwind CSS**, and **shadcn/ui**
- Smooth animations and transitions
- **Multiple color themes**: Orange, Blue, Green, Purple, Red, Yellow, Default
- **Grayscale mode** support
- Fully responsive design
- **Optional music player** with playlist support and audio visualizer
- Customizable UI positions
- Character images support
###
Character Management
- **Multiple character slots** (fully configurable)
- Character creation and deletion with confirmation
- **Detailed character information display**:
- Name, DOB, Phone
- Money & Bank
- Height, Gender, Nationality
- Job and Grade
- Character Image
- Configurable character info fields
- Character statistics grid
- Empty slot placeholders
###
Advanced Spawn System
- **Spawn selector** with interactive map
- **Last location spawn**
- **Multiple spawn points** with:
- Custom names and descriptions
- Job-based restrictions
- UI map positioning
- **Spawn menu command** with protections:
- Combat delay
- Death check
- Custom restrictions
###
Instance System
- **Player instancing** for isolated character selection
- **Entity instancing** for vehicles and objects
- **Routing bucket integration**
- **Multi-player instance support**
- Clean instance management
- Exported functions for easy integration
###
Interior & Camera
- Configurable character selection interior
- Smooth camera system
- **Dynamic ped positioning** with:
- Custom coordinates per slot
- Animation support
- Scenario support
- Grounded options
- Automatic cleanup
###
Developer Friendly
- **Extensive exports** for integration
- **Event-based architecture**
- **Debug mode** for development
- Well-documented code
- **TypeScript support** in UI
- Built with modern best practices
- **ox_lib** integration
###
Localization
- **Multi-language support** with auto-detection
- **10+ languages included**:
- English, Spanish, French, Portuguese, German
- Dutch, Polish, Russian, Swedish, Arabic
- Easy to add custom languages
###
Configuration
- **Starter items** for new characters
- **Start data** - Money, bank, job configuration
- **Height configuration**
- **Date format** customization
- **Character creation** toggle
- **Character deletion** toggle
- **Maximum characters** setting
- Easy config.lua editing
---
##
Prerequisites
Before setting up the resource, ensure you have the following dependencies installed:
- **ox_lib** (Required) - Core library for base functions
- GitHub: [ox_lib](https://github.com/overextended/ox_lib)
- Documentation: [ox_lib Docs](https://overextended.dev/ox_lib)
- **oxmysql** (Required) - Database queries
- GitHub: [oxmysql](https://github.com/overextended/oxmysql)
- Documentation: [oxmysql Docs](https://overextended.dev/oxmysql)
---
##
Download & Links
**(
**(
**(
**(
A modern, feature-rich multicharacter system for FiveM servers, providing an immersive character selection and management experience with a beautifully designed UI built with React, TypeScript, and Tailwind CSS.
(
Hidden link for visitors, to see
Log in or register now.
)---
##
###
- **ESX** - Full support for ESX framework (es_extended)
- **QBCore** - Complete QBCore integration (qb-core)
- **QBox** - Native QBox support (qbx_core)
- **Custom/Standalone** - Flexible custom framework integration
- **Auto-detection** - Automatically detects your framework on startup
###
- **force-appearance** - Native integration
- **esx_skin / skinchanger** - Full ESX appearance support
- **qb-clothing** - QBCore clothing system
- **illenium-appearance** - Popular appearance system support
- **rcore_clothing** - RCore appearance integration
- **Custom** - Bring your own appearance system
###
- Built with **React**, **TypeScript**, **Tailwind CSS**, and **shadcn/ui**
- Smooth animations and transitions
- **Multiple color themes**: Orange, Blue, Green, Purple, Red, Yellow, Default
- **Grayscale mode** support
- Fully responsive design
- **Optional music player** with playlist support and audio visualizer
- Customizable UI positions
- Character images support
###
- **Multiple character slots** (fully configurable)
- Character creation and deletion with confirmation
- **Detailed character information display**:
- Name, DOB, Phone
- Money & Bank
- Height, Gender, Nationality
- Job and Grade
- Character Image
- Configurable character info fields
- Character statistics grid
- Empty slot placeholders
###
- **Spawn selector** with interactive map
- **Last location spawn**
- **Multiple spawn points** with:
- Custom names and descriptions
- Job-based restrictions
- UI map positioning
- **Spawn menu command** with protections:
- Combat delay
- Death check
- Custom restrictions
###
- **Player instancing** for isolated character selection
- **Entity instancing** for vehicles and objects
- **Routing bucket integration**
- **Multi-player instance support**
- Clean instance management
- Exported functions for easy integration
###
- Configurable character selection interior
- Smooth camera system
- **Dynamic ped positioning** with:
- Custom coordinates per slot
- Animation support
- Scenario support
- Grounded options
- Automatic cleanup
###
- **Extensive exports** for integration
- **Event-based architecture**
- **Debug mode** for development
- Well-documented code
- **TypeScript support** in UI
- Built with modern best practices
- **ox_lib** integration
###
- **Multi-language support** with auto-detection
- **10+ languages included**:
- English, Spanish, French, Portuguese, German
- Dutch, Polish, Russian, Swedish, Arabic
- Easy to add custom languages
###
- **Starter items** for new characters
- **Start data** - Money, bank, job configuration
- **Height configuration**
- **Date format** customization
- **Character creation** toggle
- **Character deletion** toggle
- **Maximum characters** setting
- Easy config.lua editing
---
##
Before setting up the resource, ensure you have the following dependencies installed:
- **ox_lib** (Required) - Core library for base functions
- GitHub: [ox_lib](https://github.com/overextended/ox_lib)
- Documentation: [ox_lib Docs](https://overextended.dev/ox_lib)
- **oxmysql** (Required) - Database queries
- GitHub: [oxmysql](https://github.com/overextended/oxmysql)
- Documentation: [oxmysql Docs](https://overextended.dev/oxmysql)
---
##
Hidden link for visitors, to see
Log in or register now.
)**
Hidden link for visitors, to see
Log in or register now.
)**
Hidden link for visitors, to see
Log in or register now.
)**
Hidden link for visitors, to see
Log in or register now.
)**Attachments
-
blue-cropped.png368.6 KB · Views: 50 -
combined.png1.2 MB · Views: 46 -
default-cropped.png369.4 KB · Views: 43 -
green-cropped.png369.3 KB · Views: 37 -
orange-cropped.png369.3 KB · Views: 42 -
purple-cropped.png369.5 KB · Views: 38 -
red-cropped.png369.1 KB · Views: 39 -
yellow-cropped.png369.4 KB · Views: 39
Last edited: