#✅ | Custom Hotbar

1 messages · Page 1 of 1 (latest)

candid path
#

I want to create a custom hotbar, which includes using custom images for the hotbar slots, offhand and main hand as well as selected slots

rotund ravineBOT
# candid path I want to create a custom hotbar, which includes using custom images for the hot...

You don’t touch the vanilla hotbar — you build your own with Spiffy’s HUD slot elements.

  1. Delete the vanilla hotbar/armor widgets.
  2. Right‑click the editor background → “New Element” → [HUD] Slot (you’ll typically add one for each hotbar slot, plus offhand/mainhand if you want those shown).
  3. For each slot, set its custom background image (use Image elements behind the slot if you want fully bespoke artwork).
  4. To show a “selected” state, place image overlays per slot and give them a loading requirement that checks active_hotbar_slot (use the Is Number requirement, compare to the slot index).

You can also use Slot elements’ right‑click menu to show item durability, count, etc., and add Image/Text elements around them for additional graphics. For full element positioning/resizing tips, check the FancyMenu docs.

See the Spiffy/slot workflow here: SpiffyHUD guide

candid path
#

there is no HUD Slot option

rotund ravineBOT
# candid path there is no HUD Slot option

Ah, right—Spiffy doesn’t use a “HUD Slot” element but the Inventory Slot element instead. That’s what you use to recreate hotbar, offhand, main hand, armor, etc. 🙂

  1. Add one Inventory Slot element per slot you want to display (hotbar slots 0–8, slot 40 for offhand, slots 36–39 for armor).
  2. Right-click each slot element and set Slot ID to the inventory slot you want to mirror (the Slot IDs doc lists them: Inventory Slot IDs).
  3. Use Image elements behind/around the slot for your custom artwork. You can also right-click the Inventory Slot and enable durability overlays, stack count, etc.
  4. For selected-slot highlights, add an Image overlay per hotbar slot and give it a Loading Requirement that checks active_hotbar_slot (use Is Number → compare to the slot index).
  5. Use placeholders like slot_item_display_name or slot_item if you need text/audio tied to the slot contents.

If you need help with placeholder syntax or advanced positioning, the FancyMenu docs cover the basics of slot IDs, placeholders, and advanced positioning/requirements too.

#

✅ | Custom Hotbar