The game UI editor for Godot and the web

Lay out every screen on one canvas. Anchors and auto layout work like Godot's own containers, so nothing gets translated on export.

• Auto layout

  Rows and columns with gap, padding and wrap. In Godot they become VBox, HBox and Flow containers.

  VBoxContainer · gap 6 · padding 0

• Anchors

  Pin a layer to an edge, a corner or the center. One layout covers 16:9, 21:9, 16:10 and 4:3.

  Main menu · Right · Middle

• Text styles

  The Last Hunt uses 21 shared styles, from Display to Lore. Change one and every screen follows.

  Menu · Archivo 87.5 · 30 px

• Tokens

  Every color is a token. Change $ember and every meter, map marker and accent follows.

  $ember #f2a24e · 27 tokens

Build a button once. Variants, states and properties keep every copy on every screen in step.

• Variants

  The Last Hunt's Button is one set: 4 styles, 4 states and 3 sizes. Swap an instance between them in one click.

  Button / Primary / Default / Medium

• States

  Hover, pressed and disabled are small patches on the component, and you preview them right on the canvas.

  hover · pressed · disabled

• Properties

  Expose a label, a toggle or a nested swap. An instance changes in one field instead of a dig through layers.

  Label · Glyph · Show glyph

• A real library

  180 components in 30 sets ship with The Last Hunt, from glyphs and prompts to tooltips and toasts.

  180 components · 30 sets · 286 instances

Bind it to the game and watch it react. Preview every state with sample data and named scenarios before a line of game code exists.

• Bindings

  Bind text, value, max, visibility, opacity and disabled to paths like player.hp.

  HP {player.hp}/{player.hpMax}

• Scenarios

  Save named states like Low health or Boss enraged, and check each one before the game sends real data.

  Hunt start · Low health · Boss enraged

• Events

  Buttons emit named events. Game code listens for new_hunt, never for a particular button.

  12 events in The Last Hunt

• Actions

  Go to a screen, open an overlay, set or toggle data, or play an animation, all without code.

  goto · push · pop · set · toggle · play

Animate on a timeline that ships. Keyframes, easing and screen transitions run on the same math in Godot and the browser.

• Record mode

  Move a layer while recording and the timeline writes the keyframe for you.

  REC · x 36 → 0 at 0.28 s

• Seven eases

  Linear, in, out, in-out, back, elastic and step, with the same curves in GDScript and TypeScript.

  ease out · 1.4 s · Intro

• Autoplay and loops

  Play on screen open, loop idle effects like the breathing prompt, or start one from a button.

  Breathe · loop · Press any button

• Screen transitions

  Fade, slide or scale between screens, set per screen or per button, with reduced motion respected.

  fade · 0.3 s · every screen

Hand programmers a short contract. Export lists the events your screens emit and the data they read. Re-exporting never touches game code.

• Godot package

  A zip with the addon, your document and a demo scene. Open it in Godot and press F6.

  addons/envy_ui/ · F6

• Playable HTML

  One file anyone can click through in a browser. Good for playtests and for the person who signs off.

  the_last_hunt.html

• AI handoff

  AGENTS.md, the contract, screenshots and typed Godot and TypeScript code, ready for a coding agent.

  AGENTS.md · contract · screenshots

• Schema and CLI

  Check documents in CI with envy validate and print the contract with envy contract.

  0 errors · 0 warnings