Interactive loading screens: cursor, buttons and opening links

#Enabling the cursor

fx_version 'cerulean'
game 'gta5'

loadscreen 'index.html'
loadscreen_cursor 'yes'

files { 'index.html', 'style.css', 'script.js' }

#Opening links in the player’s browser

function openExternal(url) {
  if (window.invokeNative) {
    window.invokeNative('openUrl', url); // opens the default browser
  } else {
    window.open(url, '_blank');         // when testing in a normal browser
  }
}

document.querySelector('#discord').addEventListener('click', () => {
  openExternal('https://discord.gg/yourinvite');
});

invokeNative('openUrl') hands the URL to the operating system, which opens it in the default browser. FiveM only accepts addresses starting with http:// or https://.

#Interactive elements worth adding

#Keeping it usable

• Large click targets — players are on a gaming mouse, often on a large screen.
• Nothing essential behind interaction: the screen must also work if nobody touches it.
• Remember choices (like muted music) with localStorage so the next join respects them.
• Do not trap focus or disable scrolling in text panels.