A premium, custom Cyberpunk-themed vertical context menu replacement for the QBCore Framework, featuring high-contrast obsidian slate cards, glowing HUD indicators, keyboard accessibility, and programmatically synthesized audio beeps.
- Cyberpunk Obsidian Slate Theme: Sleek glassmorphic backgrounds (
rgba(24, 18, 36, 0.96)) with cyber-cyan (#00e5ff) and purple (#d680ff) borders and glowing accent highlights. - Holographic Scanlines: Animated scrolling scanline grid overlays inside menu panels to simulate a futuristic holographic tactical terminal.
- Full Keyboard & Gamepad Support: Navigate options using ArrowUp / ArrowDown (or Tab) and select using Enter. Viewports automatically scroll (
scrollIntoView) to keep selected options centered in the viewport. - Programmatic Web Audio Synthesis: Fully self-contained synth audio system that programmatically plays hover sound beeps (
880Hzto1200Hz) and click chimes (220Hzto660Hz) on list navigation, selections, and cancellations. Requires zero assets or resource downloads. - Word Prefix-Matching Search: High-performance search system filters options by comparing query characters with the start of each word inside menu titles and body text.
- Visual Hotkey Badges: Quick numeric hotkeys
[1]to[9]display beside option titles and can be triggered directly by clicking corresponding number keys on the keyboard.
- Escape: Cancel and close the menu.
- Backspace: Return to the previous menu (when history exists).
- ArrowUp / ArrowDown: Cycle through active options.
- Enter: Click / select the highlighted option.
- 1 to 9: Instantly trigger option cards 1-9 (disabled when typing inside the search box).
| Param | Description | Type | Default value |
|---|---|---|---|
| header | The item title | string | No default |
| txt? | The item description | string | "" |
| isMenuHeader? | Whether the item is the header of the menu | boolean | false |
| disabled? | Whether the item is clickable | boolean | false |
| icon? | FontAwesome class name or image relative path | string | nil |
| image? | Image hover link | string | nil |
| params | The options of the menu | table | No default |
| params.event | Event name, command, or function | string | function | "" |
| params.isAction? | Whether the event is a function | boolean | false |
| params.isServer? | Whether the event is the name of a server event | boolean | false |
| params.isCommand? | Whether the event is the name of command | boolean | false |
| params.isQBCommand? | Whether the event is the name of a qbcore command | boolean | false |
| params.args? | Arguments for the events/commands/function | table | nil |