Game-Ready UI Packs

Era main panel (SSOT host) Trait Store Warlords main panel Equipment paperdoll Mesh equipment showcase /api/traits contract eras/index.json client /main-panel

Saved HYDRA layouts for every fleet game — combat HUD, inventory, crafting, party, scoreboards, and usage states. Open in Studio to edit, export HTML, or mount in-game with GrudgeGameUI. Live equipment paperdoll for games is traits.grudge.studio — mesh definition UUID, 496 pack icons, Railway roster. Embed with trait-store-embed.js.

<script src="https://traits.grudge.studio/trait-store-embed.js"></script>
<iframe src="https://traits.grudge.studio/?embed=1&era=warlords&characterId=UUID" title="Trait Store"></iframe>
GET https://traits.grudge.studio/api/health
GET https://traits.grudge.studio/api/traits
GET https://traits.grudge.studio/api/traits/lookup?q=WK_weapon_spear
GET https://objectstore.grudge-studio.com/api/search?q=spear
Loading…
Preview Edit in Studio
Select a pack to preview
// In your game (deployable HUD + weapon skills + hotkeys):
// <script src="https://ui.grudge-studio.com/bars-hud-ssot.js"></script>
// <script src="https://ui.grudge-studio.com/hud-settings.js"></script>
// <script src="https://ui.grudge-studio.com/game-ui-runtime.js"></script>
const ui = await GrudgeGameUI.load('warlords');
ui.mount(document.getElementById('hud'));
ui.setState('combat');
ui.bindWeaponSkills([{ id:'slash', name:'Slash', iconUrl:'…' }]);
ui.setTarget({ name:'Boss', hp:9e4, hpMax:1.2e5, boss:true }, { name:'ToT', hp:400, hpMax:800 });
ui.setCastBar({ label:'Slash', progress:0.4, iconUrl:'…' });
HudSettings.open(); // Move Anything · boss 002/004 · advanced hotkeys