Unreal Engine 5.8 plugin

Same HTML.
Native UMG.

Design game UI as HTML with Tailwind, by hand or with your coding agent, and import it as a plain Widget Blueprint. No web view, no JavaScript runtime, nothing ships in your game.

€14.99 one-time · full source

Coming to Fab

Chrome on the left. The imported Widget Blueprint on the right.

Zero runtime

Both modules are editor-only. A cooked build contains no trace of the plugin.

Verified by numbers

A 64-element HUD lands within font-metric tolerance of Chrome, and the render tool dumps every widget's rectangle so agents check layout objectively.

Re-import keeps your work

Widgets matched by name and class are reused in place. Event Graph logic survives design changes.

What it does

Editor-only, zero runtime. Nothing to strip before you ship.
Tailwind and CSS, natively. No Node, no compiler, no network.
Headless CLI and commandlet. JSON report with coded diagnostics.
Re-import that preserves logic. Added / kept / reclassed / removed diff.
Generated C++ binding header. BindWidget members and implementable events.
String Table localization. Out of the box.
Deterministic manifest. Sits next to your HTML, diffable in review.
Render and verify. PNG plus per-widget geometry.

Feature overview: editor-only modules, native Tailwind and CSS, headless CLI, re-import diff, binding header, localization, manifest, and render verification.

Built for the agent loop

Eight Agent Skills ship inside the plugin for Claude Code, Codex, OpenCode, Cursor and any Agent Skills compatible tool, installed with one command from the plugin folder. One turns a screenshot or mockup into importable HTML, and another takes an image all the way to a finished widget in a single call.

best-practicesdesignfrom-imagescreenimportbindreimportdiagnostics

The agent loop: an agent writes HTML, imports it, renders the result, reads the geometry report and corrects the design.

What converts

Flex and grid layouts, absolute positioning to canvas anchors, backgrounds, borders, radius, opacity, typography, buttons with hover/pressed/disabled states, images as UI textures, progress bars, form controls, and hidden states kept as Collapsed. Tailwind v3 and v4 utilities and variants, inline styles, style blocks with selectors and custom properties, and oklch colors.

Not supported, by design: JavaScript, @media breakpoints, pseudo-elements, CSS animations, external stylesheets (planned), and inline SVG (use PNG).

The full element-by-element list is in the support matrix.

Requirements

Unreal Engine 5.8
Editor on Windows — Mac and Linux builds to follow
Output runs wherever UMG runs

Questions

Does anything ship in my game?: No. The plugin is editor-only and absent from cooked builds.
Do I need Node or Tailwind installed?: No. Tailwind utilities are expanded natively inside the plugin.
Can I keep using the UMG designer?: Yes. Re-import reuses widgets by name, and tweaks on untouched properties survive.
Does it need JavaScript in my designs?: No. Behaviour is wired in C++ or Blueprint through the generated events.
Which agents work with it?: Any that runs a shell command and reads JSON — Claude Code, Codex, Cursor, OpenCode, Gemini CLI. Skills included.
Can I see the source?: Yes. Full source ships with the plugin under the Fab EULA.

Documentation

€14.99 one-time · full source

Coming to Fab

The Fab listing is not live yet. First 100 copies free at launch, then 30% off for a month. Questions before then: digitalxbunker@gmail.com.