About
Description
Code9 Radial Menu is a modern circular menu system for FiveM. It features a fully animated pie-slice design with joystick navigation, unlimited sub-menu nesting, job and vehicle-based dynamic items, a runtime API for other resources, and per-player settings — all fully configurable.
Key Features
Circular Menu Design
- Pie-slice segments arranged in a circle with dynamic count adaptation
- GSAP-powered animated open/close with staggered flicker effects
- Two hover styles: smooth color fill or cyberpunk flicker effect
- Three sound effects: open, close, and hover
Joystick Navigation
- Center drag knob for gamepad-like segment selection
- Directional chevron indicators
- Dead zone detection and smooth animation with lerp
- Release to trigger the pointed segment
Sub-Menu Support
- Unlimited nesting depth with animated transitions
- Automatic "Back" button in sub-menus
- Menu stack navigation with smooth swap animations
Dynamic Items
- Job-Based Menus: Items shown only for specific player jobs (e.g., police actions)
- Vehicle-Based Menus: Items shown only when inside a vehicle
- Runtime API: Other resources can add/remove items via exports or events
Per-Player Settings
- Sound: Toggle hover/open/close sound effects
- Hover Style: Normal smooth fill or cyberpunk flicker animation
- Toggle/Hold Mode: Press to toggle or hold to keep open
- Screen Blur: Optional background blur when menu is open
- Scale: UI scale slider (0.5x to 1.5x)
- Position: Drag the menu to any screen position (resolution-independent)
- All settings persist in browser localStorage across sessions
Multi-Framework
- Frameworks: ESX, QBCore, QBox, Standalone (auto-detected)
- Dead player check — menu cannot open when player is dead
Performance
- Entirely client-side — no server scripts
- Vanilla JavaScript UI with GSAP animations (no heavy frameworks)
- FiveM CEF compatible — no backdrop-filter, uses flexbox and solid rgba backgrounds