Dark Fantasy HUD UI Kit
A complete HUD system for RPG and fantasy games — built in Figma. Every element is a reusable component with variants, states, and color variables. Commercially released on itch.io.
HUDs are one of the hardest UI challenges in games — readable at a glance while the player is moving, fighting, making decisions. Most HUD kits are pretty screenshots, not usable systems.
Design 52 components as a real kit — every element with fill states, critical states, and variant options. Informative without cluttered. Dramatic without unreadable.
HUD in context
All elements placed on a 1920×1080 canvas — health, stamina, compass, objectives, hotbar, and minimap in a single cohesive layout. The critical state shows how the system communicates danger without icons.
Status bars
Health, stamina, and mana bars share the same component structure — different color variables, same fill-state logic. Boss health bar adds phase segments and a wider dramatic layout. All built on Figma Variables for one-click theme changes.
Compass & minimap
The compass strip comes in three color variants — white, dark, and gold — with two layout styles and N/S/E/W direction markers. The minimap frame provides circular and rectangular options, both with the same Dark Fantasy border language.
Objectives & notifications
The objectives tracker covers three states — in progress, failed, and successful — each with distinct visual weight. Notification badges handle LEVEL UP, QUEST COMPLETED, and UPDATE AVAILABLE in two size variants each.
Floating damage numbers
A typographic system for real-time combat feedback — four types with clear visual hierarchy: normal damage, critical hits, heals, and misses. No icons required.
Component library
Every HUD element is a reusable Figma component. Minimap frames, weapon slots, rarity panels, and hotbar slots — all with full variant coverage and consistent Dark Fantasy styling.
Get Dark Fantasy HUD UI Kit on itch.io
Instant download · 52 components · All states covered · Figma Variables included