Katacr
Enter at least two characters

Advanced UI Editor

Docs version: v1.0.5

Project Information#

Enter these values when creating a project:

  • Project Name: the name displayed in the app.
  • Resource Namespace: the resource-plugin namespace. Use lowercase letters, numbers, and underscores.
  • Menu ID: the KaMenu menu path identifier.
  • Menu Title: the title shown at the top of the in-game Dialog.

Layout Modes#

  • Background Mode: a fixed 256×256 background and 28×28 grid for complete panel interfaces.
  • Free Mode: no background and a 100×100 workspace for standalone icons, floating buttons, or larger layouts.

Free Mode cannot switch back to Background Mode while content extends outside the upper-left 28×28 area.

Create and Edit Buttons#

  1. Drag on empty grid cells with the left mouse button to create any rectangular region.
  2. Click a button to select it. The matching item is highlighted in the button list.
  3. Drag the selected button to move it.
  4. Double-click the button or list item to edit its ID, hover text, and click actions.
  5. Press Delete to remove it or Ctrl+Z to undo.

When As Texture is enabled, the region only displays a texture and has no hover text or actions. Regular interactive buttons may be placed inside a larger texture-only region.

Textures and Effect Preview#

  • Edit Background Texture is always available.
  • Edit Button Texture becomes available after selecting a button.
  • Effect Preview displays edited textures at final positions and hides the grid, color blocks, and IDs.
  • Use Ctrl+mouse wheel to zoom.

Button textures support 1x, 2x, 4x, or a custom scale. Higher resolution does not change in-game size but increases resource-pack size. Integer scales are recommended for pixel art.