Jump to content

1 Screenshot

About This File


This is a highly customizable and responsive interact menu script that does not require any CEF magic. All of the components of this menu come from mp.game.graphics. There is an example.js included in the repository files that set up a menu manager along with two menus that you can switch between.


Place the interact folder inside your client_packages folder.

Paste the below code into your client_packages/index.js file.



These can be easily customized through RAGE, but if you are trying the example, hold the B key while using your mouse to navigate and press left mouse button to confirm selection.

API Usage

Getting required classes

const Menu = require('./interact/menu');
const MenuManager = require('./interact/manager');

Setting up a menu

 * @param {Number} [maxItems] Max amount of items that will show when the menu is open.
 * @param {Number} [itemScale] Size of each selectable item in the menu.
 * @param {Number} [wheelScale] Size of texture in the center of the menu.
 * @param {Number} [radius] Size of each selectable item in the menu.
 * @param {RGBA} [color] Default color for all items (unless altered for each individual item added)
 * @param {RGBA} [hoverColor] Default hover color for all items (unless altered for each individual item added)
 * @param {Array} [wheelTexture] [textureDict, textureName] of the menu's center.
 * @param {Array} [backgroundTexture] [textureDict, textureName] of the optional background for items.
const sampleMenu = new Menu(maxItems, itemScale, wheelScale, radius, color, hoverColor, wheelTexture, backgroundTexture);

Adding items to the menu

 * @param {String} name Item identifier.
 * @param {String} textureDict Item icon texture dictionary.
 * @param {String} textureName Item icon texture name.
 * @param {Boolean} [background] Whether the item should have the optional background (recommended for icons without backgrounds).
 * @param {Boolean} [closeMenu] Whether the menu should be closed on item select.
 * @param {RGBA} [color] Color for the item in the menu (default takes color from the menu).
 * @param {RGBA} [hoverColor] Hover color for the item in the menu (default takes hover color from the menu).
 * @param {Function} callback Callback to execute on item select.
sampleMenu.add(name, textureDict, textureName, background, closeMenu, color, hoverColor, () => {
    mp.game.graphics.notify('Button 1');

Setting up the menu manager

 * @param {Menu} mainMenu The menu that opens when manager is displayed.
const menuManager = new MenuManager(mainMenu);

Using the menu manager

 * @param {Menu} menu The menu to switch to (use this in callback if you want complex menus).

 * @param {Boolean} toggle Toggle menu visibility.

// Running this executes the callback associated with the selected item.

// This must be placed in the clientside render event


Github Link

Edited by heartgg
Forgot a critical API usage function

  • Like 4

User Feedback

Create an account or sign in to leave a review

You need to be a member in order to leave a review

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Guest sckindvl

   4 of 4 members found this review helpful 4 / 4 members

finally i can ban players with a wheel, beast.

Link to review

   3 of 4 members found this review helpful 3 / 4 members

very beast mod! pretty easy to use.

Response from the author:

Thanks you're beast

  • Mask 1
Link to review


Hello.Can somebody help to me instal and open ragemp in my pc with anydesk?

Link to review
  • Create New...