Core Hud (Modern) - Animated HUD with Oval Radar Display
Transform your FiveM server's interface with this modern, animated HUD featuring a distinctive oval radar display and smooth pill-style status indicators. This contemporary HUD design moves beyond traditional rectangular layouts with eye-catching animations, wave effects, and fully customizable elements that work seamlessly across all screen aspect ratios. Perfect for roleplay servers wanting a fresh, professional look that maintains readability while adding visual polish. The modular pill system displays health, armor, hunger, thirst, and a customizable fourth indicator that can show stress, voice control, or player ID based on your server's needs.
What's Included
Core Hud (Modern) delivers a complete interface replacement with emphasis on visual appeal and customization flexibility. The centerpiece oval radar breaks away from standard circular or square mini-maps, creating a distinctive look that players immediately notice. Each status indicator appears as an animated pill with smooth transitions, colored backgrounds, and custom icons. The HUD automatically adapts to different screen resolutions and aspect ratios, ensuring consistent appearance whether players use ultrawide monitors, standard displays, or streaming setups. The system includes full source code access with clean, well-commented code making modifications straightforward for server developers wanting to adjust colors, positions, or add new elements.
Key Features
- Oval Radar Display - Unique oval-shaped minimap creating distinctive visual identity different from typical circular radars
- Animated Pill Indicators - Smooth animations for health, armor, hunger, thirst with wave effects and transitions
- Customizable Fourth Pill - Configure to display stress levels, voice control status, or player ID based on server needs
- Universal Aspect Ratio Support - Works perfectly on 16:9, 21:9, 4:3, and all screen configurations
- Custom Logo Integration - Add server logo to any pill indicator for branding consistency
- Animated Wave Effects - Subtle background wave animations adding visual interest without distraction
- Smooth Transitions - Value changes animate smoothly rather than jumping, creating polished feel
- Clean Unobfuscated Code - Full source code access with organized, commented files for easy modification
- Extensive Config File - Change colors, positions, icons, and behavior without touching core code
- Low Performance Impact - Optimized rendering ensures minimal FPS impact even on lower-end hardware
Perfect For
- Roleplay servers wanting modern, professional HUD design
- Communities refreshing outdated or basic default HUDs
- Servers needing distinctive visual identity through unique radar shape
- Communities with diverse player hardware requiring universal compatibility
- Developers wanting customizable base HUD to build upon
Customization Options
The configuration system provides extensive control over every visual aspect. Change pill colors to match your server branding - set health to red, armor to blue, hunger to orange, or create completely custom color schemes. Adjust pill positions on screen to accommodate other HUD elements or player preferences. Configure which status indicators display and in what order. The fourth pill supports multiple modes: stress levels (requiring esx_status or compatible stress system), voice control indicator showing push-to-talk status, or player ID display for identifying other players. Icon customization allows using custom images for each pill, and the wave effect intensity can be adjusted or disabled entirely for cleaner aesthetics.
Installation
- Extract the core-hud-modern folder to your server resources directory
- Configure config.lua with your preferred colors, positions, and fourth pill mode
- Optionally install esx_status if using stress or hunger/thirst features
- Add 'ensure core-hud-modern' to your server.cfg
- Restart server and the new HUD appears automatically for all players
Framework Compatibility
- ✅ ESX - Full integration with esx_status for hunger, thirst, and stress tracking
- ✅ QBCore - Compatible with QB status systems and stress mechanics
- ✅ QBOX - Works with QBOX frameworks for status tracking
- ✅ Standalone - Basic health/armor display works without any framework
Technical Specifications
Core Hud (Modern) uses NUI (HTML/CSS/JavaScript) for rendering, ensuring smooth performance through browser-based rendering rather than native game UI. The resource averages 0.00-0.01ms on resmon, making it one of the most optimized HUD solutions available. The oval radar is achieved through CSS masking rather than image-based shapes, allowing it to scale perfectly to any resolution without quality loss. All animations use CSS transitions and transforms, which are GPU-accelerated for maximum efficiency. The code structure separates display logic from data handling, making it easy to add new indicators or modify existing ones without breaking functionality.
Fourth Pill Configuration Options
The customizable fourth pill adds unique functionality to your HUD. Stress Mode: Displays player stress level from 0-100, changing color as stress increases - useful for roleplay scenarios where high stress affects actions. Requires esx_status or compatible stress script. Voice Control Mode: Shows when voice chat is active, which channel is selected, or proximity level - helps players understand their current voice state at a glance. ID Display Mode: Shows the player's server ID, useful for admin interactions or reporting issues. The pill icon and color can be customized per mode, allowing each configuration to have distinct visual appearance matching its purpose.
Visual Design Philosophy
This HUD moves away from skeuomorphic designs (fake glass, leather, metal textures) toward clean, modern flat design with subtle depth through shadows and gradients. The pill shapes create visual interest without overwhelming the screen with information. The oval radar stands out without looking out of place, successfully balancing distinctiveness with cohesion. The wave effect animations add life to static indicators, making the HUD feel responsive and modern. Color choices emphasize readability - even in bright sunlight scenarios or dark nighttime environments, all indicators remain clearly visible. This design approach ages well, avoiding trendy effects that quickly feel dated.
Dependencies
Optional:
- esx_status - Required for hunger, thirst, and stress indicators (optional - HUD works without but with reduced functionality)
Customizability
The code is not obfuscated and nicely presented! If you don't like to tinker with code, the config allows you to change almost everything - from colors and positions to which indicators display and how they behave. For developers who want deeper customization, the clean code structure makes adding new pills, changing animations, or integrating additional status types straightforward. Comments throughout the code explain what each section does, and the modular structure means you can modify one indicator without affecting others.
What Makes It Stand Out
Core Hud (Modern) distinguishes itself through the oval radar - a small detail that creates significant visual impact and brand recognition. While most HUDs use circular or rectangular radars, the oval shape immediately signals this is a customized, professional server. The pill-based status system is cleaner and more modern than traditional bar-style indicators, taking up less screen space while remaining highly readable. The emphasis on animation and smooth transitions makes the HUD feel polished and responsive rather than static and utilitarian. Most importantly, the extensive customization options mean your HUD won't look like every other server running the same script - you can make it uniquely yours.
Summary
Cool hud with animations and oval radar display
Features
Fourth pill can be stress, voice control, id display. Oval radar display. Works will all aspect ratios. Choose any logo for any pill. Animated wave effect. Smooth transitions.
Related Products You Might Like
