🌟 Introduction

Overview

Daphne Chat is a modern, fully-featured chat system for FiveM servers built with React 19, TypeScript, and Lua 5.4. It provides a complete chat solution with proximity-based messaging, Discord integration, an in-game admin configuration editor, and unlimited customization options.

Key Features

• Modern React UI - Beautiful, responsive interface built with React 19 and TypeScript

• In-Game Admin Editor - Configure everything without touching code files

• Discord Integration - Automatic role fetching, avatars, and username sync

• Proximity-Based Chat - Realistic distance-based messaging system

• 11+ Pre-built Chat Modes - Local, Shout, Whisper, Me, Do, Try, OOC, Admin, Department, Advertisement, Twitter

• Unlimited Custom Modes - Create as many chat modes as you need

• ACE Permission System - Granular access control

• Cooldown System - Per-command cooldowns to prevent spam

• Full Theme Customization - Colors, fonts, layout, and styling

• Framework Support - Works with ESX, QBCore, QBox, and Standalone

• Hot-Reload Configuration - Changes apply instantly, no server restart needed

• Optimized Performance - Built for servers with 200+ players

Technology Stack

Frontend

• React 19.2.0 - Latest React features with concurrent rendering

• TypeScript 5.9.3 - Type safety and better developer experience

• Vite 7.2.4 - Fast build tool with hot module replacement

• Tailwind CSS 3.4.17 - Utility-first CSS framework

• Framer Motion 12.23.26 - Animation library

• Radix UI Components - Accessible UI primitives

• Heroicons 2.2.0 - Beautiful SVG icons

• date-fns 4.1.0 - Date manipulation library

Backend

• Lua 5.4 - Modern Lua with JIT compilation

• FiveM Native Functions - FiveM API

• JSON Configuration - Configuration management

• HTTP Requests - Discord API integration

Build Tools

• Vite - Bundling and development server

• TypeScript Compiler - Type checking

• ESLint - Linting

• PostCSS + Autoprefixer - CSS processing