RP UI KIT // готовые интерфейсы для RP-серверов

<link rel="stylesheet" href="rp-ui-kit.css">
<script src="rp-ui-kit.js"></script>
<script>
  RPUI.on("hud:update", d => window.hud && hud.update(d));
  RPUI.on("inv:open",    d => inv.setItems(d.items)), inv.show();
</script>

// сервер шлёт в браузер:
browser.call("RPUI.receive", JSON.stringify({
  ev: "hud:update",
  data: { speed: player.vehicle.velocity.length() * 3.6 }
}));
// ответы из интерфейса приходят в mp.events:
mp.events.add("rpui:inventory:use", (json) => {
  const { data } = JSON.parse(json);
  mp.gui.chat.push(`игрок хочет использовать предмет в слоте ${data.slot}`);
});

webView.emit("RPUI.receive", "hud:update", { speed: 120 });
alt.on("rpui:inventory:use", ({ data }) => alt.log("use", data.slot));

RPUI.Inventory({ skin: "huge", ... });   // tight / huge
RPUI.HUD({ skin: "pro" });                  // naked / pro
RPUI.Chat({ skin: "console" });             // bubble / console
RPUI.Phone({ skin: "arctic" });             // arctic / bubblegum

:root { --rpui-accent: #4da6ff; }   /* акцент — под ваш сервер */