Everything you make stays on your device. The crosshair painting and every recolor happen here in your browser on a canvas; this page makes no network requests with anything you create.
Click or drag on the 15 x 15 grid to paint your crosshair. Empty cells stay transparent, so the crosshair keeps its shape over the world.
Recolor the heart while keeping its Minecraft shape and shading. The empty heart background is left vanilla so you can still read your health.
Recolor the drumstick, keeping its shading. The empty hunger slot stays vanilla.
Recolor the experience bar with one color or a left-to-right gradient. The shading of the vanilla bar is preserved.
A HUD pack swaps the small sprites Minecraft draws on screen for your own: the crosshair, the hearts, the hunger drumsticks and the XP bar. Paint a crosshair pixel by pixel, recolor the hearts and hunger, fade the XP bar between two colors, and download one Java resource pack. It all happens in your browser, so nothing uploads and there is no watermark.
The crosshair designer is a 15 by 15 pixel grid, the same size as the vanilla sprite. Load the real crosshair as a starting point, then paint, erase and recolor each pixel. Empty cells stay transparent, so your crosshair sits cleanly over the world.
Only the sections you leave switched on are written into the pack, and each changed sprite goes to its exact path under assets/minecraft/textures/gui/sprites/hud/, so the game picks them up with no extra setup.
The recolor keeps the original shape and shading. For each pixel it measures the brightness of the vanilla sprite and multiplies your chosen color into it, so the heart still has its highlight and shadow and just changes hue. That is why blue hearts look like real Minecraft hearts and not a flat blue blob. The same technique recolors the hunger drumsticks.
The XP bar can be a single color or a 2-stop gradient that fades from left to right, again multiplied by the bar's own shading. One honest caveat: the XP level number above the bar stays vanilla green in game. Minecraft renders that number as text, not a texture, so a pack can recolor the bar but never the number. The preview tints the number only to show your color.
You can also export just the raw PNGs at their relative paths, ready to drop into a resource pack you already maintain. Java supports every element, including the custom crosshair. Bedrock is supported too: switch the edition toggle and the tool builds a .mcpack that recolors the hearts, hunger and XP bar at their textures/ui/ paths. The crosshair and hardcore hearts have no standalone Bedrock texture, so they stay Java-only.
Open the crosshair section, load the vanilla crosshair as a starting point or start from blank, then click and drag on the 15 by 15 grid to paint each pixel. Pick any color, use the eraser for transparent pixels, and the live preview shows it over a mock world. Turn the section on, build, and the pack replaces the crosshair sprite with your design.
Pick a preset color or use the custom color picker. The tool keeps the original Minecraft shape and shading and just changes the color, by multiplying your color into each pixel's brightness, so the highlights and shadows stay intact. It recolors the full and half hearts (and the hardcore hearts if you leave that on) and the hunger drumsticks. The empty heart and hunger backgrounds stay vanilla so you can still read your stats.
Minecraft draws the experience level number above the bar as text, not as a texture, so no resource pack can recolor it. A pack can only change the bar itself, which is what this tool does. The preview tints the number to show your color choice, but in game the number stays vanilla green.
Yes, with fewer elements. Switch the edition toggle to Bedrock and the tool builds a .mcpack that recolors the hearts, hunger and XP bar at their Bedrock paths under textures/ui/ (heart.png, heart_half.png, hunger_full.png, hunger_half.png and experiencebarfull.png). Bedrock uses a different GUI layout, so two things stay Java-only: the custom crosshair lives inside a shared spritesheet with no standalone PNG to swap, and Bedrock has no separate hardcore heart texture. The Bedrock XP bar is a solid recolor because its tiled bar has no left-to-right gradient. Java still supports everything including the crosshair.
Yes. Each of the four sections (crosshair, hearts, hunger, XP bar) has its own include toggle, and only the sections you leave on are written into the pack. So you can ship just a crosshair, just recolored hearts, or any combination.
No. The crosshair painting, every recolor, and the pack packaging all run in your browser on a canvas. The page makes no network requests with anything you create, so your designs never leave your device and there is no watermark.
Make a custom totem next, or browse more Minecraft tools:
