Description

Changelog

Reviews (0)

HTML and CSS interfaces, rendered natively in Godot

Build game interfaces from HTML and CSS, rendered through Godot's native drawing and text systems. NecronomiDOM is not an embedded browser and does not require JavaScript.

Inspired by Valve’s Panorama UI framework, built independently for Godot.

Live interfaces, not just menus

NecronomiDOM rendering scrolling notes, CSS arrow shapes, live text and state-driven feedback in Godot

A rhythm-game interface built with HTML and CSS, with C# updating the DOM for scrolling notes, live text and feedback.

Live CSS reload, without losing your place

A live stylesheet accent change preserves the selected name and input focus, then typing continues without refocusing

Change the linked stylesheet and press F7: the accent updates while the same document, input value, selection and focus remain intact. Keep typing without clicking back into the field.

Pick and inspect the running DOM

The live DOM inspector picks the loadout panel, highlights its bounds and displays matched CSS rules and computed styles

Open the debug inspector with F6, pick an element in the running interface, and inspect its ancestry, matched CSS rules and computed values alongside the highlighted element.

Typed C# state, visible in the interface

Typing updates a character preview, equipment and profile state change, and a quest tracker progresses through completion and reward collection

Ordinary input and click handlers update a C# model. Typed one-way bindings refresh text, classes, visibility and enabled states as you edit a profile, equip a lantern and complete a local demo quest.

These three recordings use the actual Nightward Guild workbench in Godot 4.7.2 .NET with Forward+ rendering. Captions are outside the interface; the quest board uses self-contained demo state, not a game service.

Features

GDScript and C# APIs for document elements, text, attributes and events.
Pointer, keyboard and gamepad interaction.
Typed one-way C# bindings for text, classes, visibility and enabled state using INotifyPropertyChanged.
A live DOM inspector with element selection, style inspection and CSS custom-property tracing.
Linked-CSS reload that preserves the current document and input state, plus markup reload with explicit control rebinding.
Supported-feature documentation and generated HTML/CSS completion data for VS Code.

Desktop support and installation

Requires Godot 4.7.2. Native GDExtension binaries are included for Windows x64, Linux x64/ARM64, and macOS Intel/Apple silicon. GDScript projects can use standard Godot without installing .NET. C# source integration is also available.

Copy addons/necronomidom into your project. See the installation guide for C# project imports and recommended settings. Android, iOS and Web native binaries are not included.

Interactive workbench

Explore an editable character/loadout panel, a local quest board and tracker, live authoring controls, and guided HTML/CSS editing examples in the Nightward Guild workbench. The full workbench is included in the source repository; the installable ZIP contains the addon.

Installation and examples · Supported HTML/CSS and accessibility · Source and issues

MIT licensed. Third-party license notices accompany the addon.