Hearthframe UI

Build a cohesive fantasy interface in evergreen, warm brass and ivory. Hearthframe UI brings smooth, editable vector artwork to menus, inventories and HUDs, with matching frames, controls and small icons.

Try 11 designs free

Download the free sample below: 11 named designs, including state variants, supplied as 33 primary artwork exports. It includes four primary-button states, a dialog panel, a health track and fill, two icons and two slot states.

Its offline HTML example lets you test button states, stretch a panel, adjust health and edit and download a real button SVG. The sample is licensed for personal and commercial projects. Try the actual files in your intended tool or engine before buying.

New in free sample v1.2: open godot4/project.godot to try real Godot controls before buying. The sample includes a saved theme for primary button states, a panel and a clipped health bar, using the same 11 designs. The engine example includes copies of the sample PNGs; these are not additional designs. The slider uses the engine default skin. Import, runtime assertions and actual OpenGL rendering were checked in Godot 4.7.2 on Windows; other platforms and native RTL are not certified.

What the full pack includes

• 74 named designs, including state variants: 74 editable SVGs and 148 transparent PNG exports at 1× and 2×.
• 16 buttons, 4 tabs, 4 panels, 5 HUD pieces, 4 slots, 3 checkboxes, 3 slider pieces, 4 text fields, 8 scrollbar pieces, 3 toggles and 20 icons.
• Text-free artwork, ready for your own labels and fonts.
• An offline interface preview with English as default and Arabic as an option, a full asset catalog and a getting-started guide.
• A manifest with dimensions, content insets and nine-slice borders where appropriate.
• Editable generation source and an optional JSON palette workflow for recoloring the SVG and PNG artwork.

The main artwork folders contain 222 files representing those 74 designs. Different formats, resolutions and example copies do not add new designs.

A reusable Godot theme

The full pack includes a saved Godot Theme and an interactive source project with buttons, panels, slots, tabs, text fields, checkboxes, toggles, scrollbars, a slider and a clipped health-bar component.

Tested with Godot 4.7.2 stable on Windows only. Import, input handling, layouts and actual rendering were checked. Other engine versions, platforms, exports and native Arabic/RTL were not tested. The included integration guide explains reuse and the tested scope.

The inventory screenshot shows the included HTML interface preview. The Godot screenshot shows the separate native control example.

Use and customize

Extract the ZIP and open quick-start.html. Images and local HTML guides need no installation or account. Optional palette regeneration requires Node.js 22+ and sharp 0.35.4; follow the source guide. Regeneration updates artwork and metadata; previews, sample and engine integration need separate updates.

This pack supplies artwork and supporting examples. Add your own project behavior. Font files, audio, portraits, a complete game and the Godot engine are not bundled.

License and credits

Use and modify the full pack or free sample in unlimited own and client projects, including commercial games. Attribution is optional. Necessary private collaboration is permitted; standalone asset/source redistribution and resale are prohibited. Each download includes its full license.

Created by OussamaOuafik. AI disclosure: AI tools assisted with graphics, code and text.