Home Visuals HUD Designer
Loading...

Home Visuals

Cosmetic HUD & overlay designer

Presets Pulse Minimal Neon

Drag any panel to move it

Live preview

Reset layout Copy config

Designer controls

HUD Style Mod file Guide

Switch panels on or off, then drag them around the preview. In game you do the same: open chat to drag every panel, close it to save.

    Accent
    Custom colour
    Panel scale 100%
    Opacity 100%
    Glow strength 60%
    Scene effects
    Pulse glow Scanlines Horizon grid Dust particles

    Download your layout as a JSON file to hand to a modder, or read the pixel spec below.

    Screen size
    Download layout Copy JSON
    Java starter class

    Generates HomeVisualsClient.java with live values: FPS, CPS, ping, coordinates, time, keys, totems, every effect with its time left, armour as slots with a durability bar, and the backpack's 27 main slots. Panels land where you put them, and open chat in game to drag them anywhere.

    In-game label language Watermark nickname

    Leave it empty and the HUD shows your real in-game nickname.

    Copy Java class
    Rounded HUD font (optional)

    Panels switch to a soft rounded font as soon as the mod ships one. Copy the font file, save it as src/main/resources/assets/homevisuals/font/hud.json, then drop any rounded .ttf beside it as hud.ttf — Comfortaa or Nunito from Google Fonts fit the HUD well. If src/main has no resources folder yet, that is normal: right-click src/main in IntelliJ, pick New, then Directory, type resources, and create the assets/homevisuals/font folders inside it. Without the file the panels keep the vanilla Minecraft font.

    Download hud.json Copy font file

    Clipboard is blocked in this preview. Select the text below and copy it yourself, then save it as assets/homevisuals/font/hud.json.

    Restart runClient after adding the two files — the jar is packed when the game starts, so a running client never sees them.

    Panel spec
    Panel X px Y px State
    Layout file preview
    
              

    From this layout to a working .jar. Tick each step as you go — your progress is saved.

    Do this next

    Template generator
    Build progress 0 / 12
      Common mistakes
        If something breaks

        Open the message you see in IntelliJ and match it to a fix.

        Copy steps Reset progress

        Cosmetic mockup only — nothing here connects to a game.