Designing
Elements
Click + above the layers to add one.
| Element | For |
|---|---|
| Text | Words — in the Minecraft font or your own. |
| Image | A picture or an animation: PNG, JPG, WebP, GIF, APNG, SVG, MP4, WebM and more. |
| Icon | A picture from the built-in icon library. |
| Shapes | Rectangle, circle, triangle, diamond, pentagon, hexagon, star, ring, line. |
| Player head | A player's head. %player% is whoever is looking. |
| Player model | A player's 3D model. |
| QR code | A link or text as a QR code. |
| Progress bar | Shows a value. Players can't move it. |
| Toggle switch, Checkbox | On and off, by click. |
| Slider | Players drag a value. |
| Input box | Players type text — in an anvil popup (up to 50 characters) or in chat. |
| Group | Holds elements so they move, show and hide together. |
| Scroll list | A list that scrolls. |
| Tab view | Pages behind tabs. |
HUD canvases offer text, images, icons, shapes, player heads, progress bars and groups.
Groups
Select elements and press Ctrl+G. A group moves as one, and one Show / hide node shows or hides all of it. The eye on a layer's row hides it when the screen opens — show it later with logic. The dialogue box tutorial does exactly this.
Hover and click looks
On Shader-Safe screens, the Animations tab's Hover state and Click state change how an element looks while the pointer is on it or while it's pressed — colour, picture, text, size, place, shown or hidden. They work on Java and Bedrock.
Tooltips
Create tooltip in the inspector adds a box that shows while a player points at the element (Shader-Safe screens).
Open animation
The Open animation tab plays once as a Shader-Safe menu opens — Fade in, Pop in and more, up to 4 seconds. Java only.
Show when
Show when in the inspector shows an element only while its conditions hold — a permission, a world, money, a variable or any value. In menus they're checked when the menu opens; in HUDs, all the time.
Fonts
Text uses the Minecraft font by default. The Font library has about 1,900 families, or Import your own .ttf / .otf.
Zoom
The wheel zooms about the pointer, up to 6,400% for pixel-exact alignment. Shift+2 zooms to the selection and Ctrl+0 fits the screen.