PAID [PAID] Appearance System/Character Customization (ESX, QB-Core, QBox & Custom)

[forre111]

# Force Appearance
**Force Appearance** is a cutting-edge, highly optimized appearance system for FiveM servers, providing comprehensive character customization with a modern React UI and unmatched performance.

[Preview](https://youtu.be/-vS1cHVWbXg)
---
## Features
### Complete Character Customization
- **100+ customization options** - Face, hair, body, clothes, accessories
- **1000+ ped models** - Access to all FiveM peds across multiple categories
- **Freemode support** - Full mp_m_freemode_01 & mp_f_freemode_01 customization
- **Real-time preview** - Instant visual feedback for all changes
- **Search functionality** - Quick search through peds and items
- **Smart caching** - Configurable cache expiry for optimal performance
### Complete Shop Systems
- **Clothing Stores**
- Full wardrobe customization (tops, pants, shoes, accessories)
- Configurable pricing per item category
- Interior-specific camera positioning
- Multiple pre-configured locations
- **Barber Shops**
- Hair styles, colors, and textures
- Beard, eyebrows, chest hair customization
- Makeup, lipstick, and blush options
- Price calculation based on changed components
- pre-configured locations
- **Tattoo Parlors**
- Extensive tattoo collection organized by categories
- Multiple body zones support
- Tattoo overlay system
- Preview before purchase
### Advanced Outfit System
- **Save & load outfits** - Create unlimited outfit presets (configurable)
- **Outfit categories** - Organize outfits by category
- **Quick change** - Switch between outfits instantly
- **Outfit management** - Rename, delete, and manage saved outfits
- **Component filtering** - Choose which components to save
- **Configurable pricing** - Set cost for saving outfits
### Modern UI
- Built with **React**, **TypeScript**, **Tailwind CSS**, and **shadcn/ui**
- **7 color themes** - Orange, Blue, Green, Purple, Red, Yellow, Default
- **Keyboard navigation** - Full keyboard support (Arrow keys, Tab, Enter, Escape)
- **Search bar** - Instant search with real-time filtering
- **Virtualized grid** - Smooth scrolling with 1000+ items
- **Responsive design** - Works on all resolutions
### Multi-Framework Support
- **ESX** - Full support (es_extended, bablo_base)
- **QBCore** - Complete integration (qb-core)
- **QBox** - Native support (qbx_core)
- **Custom/Standalone** - Easily adaptable to any framework
- **Auto-detection** - Automatically detects your framework
### Flexible Interaction Systems
- **Target System** - ox_target & qb-target support
- **3D Markers** - Configurable marker types and colors
- **3D Text** - Customizable 3D text prompts
- **Help Notifications** - Native GTA help text
- **Blips** - Configurable map blips for all shop types
### Advanced Camera System
- **Smart camera positioning** - Auto-adjusts based on customization area
- **Smooth transitions** - Cinematic camera movements
- **Category-based angles** - Face, hair, body, legs zoom levels
- **Manual controls** - Camera buttons for user control
- **Interior-aware** - Adapts to different shop interiors
### Developer Friendly
- **Extensive exports** - Rich API for integrations
- `openApp`, `openDefault`, `closeApp`
- `loadAppearance`, `saveComponents`
- `updateComponent`, `FirstTimeCustomization`
- `OpenOutfitMenu`
- **Event-based architecture** - Easy to integrate with other resources
- **Modular code structure** - Easy to understand and modify
- **Proper error handling** - pcall wrappers and validation
- **Debug mode** - Comprehensive logging for development
- **Callback system** - ox_lib callbacks for client-server communication
### Progress Bar Integration
- **ox_lib** - Native ox_lib progress bar
- **esx_progressbar** - ESX progress bar support
- **qb-progress** - QBCore progress integration
- **Custom** - Bring your own progress bar
- **Built-in** - 3D text fallback
### Localization
- **10+ languages included** - English, Spanish, French, Portuguese, German, Dutch, Polish, Russian, Swedish, Arabic
- **Auto-detection** - Automatically uses server locale
- **Easy translation** - Simple JSON format for adding languages
---
## 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
**[Preview](https://youtu.be/-vS1cHVWbXg)**
**[Purchase on Tebex](https://forcedevelopments.com/scripts/7100892)**
**[Documentation](https://docs.forcedevelopments.com/resources/force-appearance)**
**[Discord Support](https://discord.gg/927gfpcyDe)**