PULSAR-HUD

HUD, notifications, progress bars, menus, and UI components

Overview · UI Development · Dependencies · Credits

---

Overview

The UI layer of the Pulsar Framework. Provides all shared UI components used across the stack — notifications, progress bars, input dialogs, confirm dialogs, action banners, list menus, interaction menus, info overlays, the HUD, vehicle HUD, buff system, and minimap. Every resource that displays UI goes through pulsar-hud.

---

Preview

Hud Components w/ buffs, action, compass and progress bar:

Vehicle Hud w/ milage tracking

Interaction Menu (radial Menu)

Hud Menus (settings, input, confirm)

List Menu (context Menu)

UI Development

The NUI is built with React 18, Mantine, and Vite.

cd ui
bun install
bun run dev      # dev server with hot reload
bun run build    # production build → ui/dist/

Themes

Pre-built themes are included in ui/src/. To switch themes, rename the theme file you want to use by removing the color suffix so it becomes hudTheme.ts, then rebuild.

hudTheme.ts         ← active theme (purple, default)
hudTheme.red.ts     ← rename to hudTheme.ts to use
hudTheme.teal.ts    ← rename to hudTheme.ts to use

---

Dependencies

• pulsar-core — framework core
• pulsar-characters — player data for HUD display

---

Credits

• Lead framework maintainer & Mantine UI redesign — @Artmines
• SQL migration & component exports — @AutLaaw

---

License

This resource is released under a custom source-available license. Free to use on any FiveM server. Selling, paid redistribution, and monetization are strictly prohibited. See LICENSE for full terms.

---