Dark RPG Inventory UI Kit
Complete game inventory system in Figma — component library, 7 rarity tiers, interactive prototype. Commercially released on itch.io.
Most RPG inventory UI kits are either too generic to use as-is, or incomplete — missing states, missing rarity logic, missing the detail that makes a developer's job actually easier.
Build a production-ready dark RPG inventory — full state coverage, 7-tier rarity system, and every component a developer could need. Nothing to guess. Nothing to rebuild.
The inventory
Filter panel left, item grid center, item detail right. One screen, zero sub-menus. The player always knows where they are and what they can do next.
Select. Inspect. Equip.
Each slot has full state coverage: empty, filled, hovered, selected. Select an item — the right panel updates instantly with name, rarity, weight, and slot count. EQUIP activates in the item's rarity color. The player never has to guess the next step.
One variable. Everything updates.
7 rarity tiers, each driven by a single Figma Variable token. Change Common to Legendary — the slot border, the EQUIP button, the detail panel highlight, the backpack icon, all update at once. No manual restyling. This is why the kit ships fast.
37 components. All states covered.
Every element is a Figma component with Auto Layout and rarity variants. Backpack slots, category tabs, topbar, hotbar, detail panel — each with empty, filled, hover, and selected states. Copy into your file. It works.
Get Dark RPG Inventory UI Kit on itch.io
Instant download · 37 components · 7 rarity tiers · Figma Variables included