15
Components
5
Rarity Tiers
Auto Layout
Responsive
Variables
Figma Variables
Ghost Inventory UI Kit — full view
Ghost Inventory UI Kit — $8.99
Instant download · 15 components · Auto Layout + Variables included
Buy on itch.io →
Role
UI Designer
Type
Game UI Kit · Self-initiated
Tools
Figma
Year
2026

The loadout panel

PAYLOAD BAY holds your active items in circular orbital slots — primary weapon, secondary, grenades, gear. Each slot glows in the item's rarity color. Count badges show stack quantities at a glance.

Payload Bay — orbital item slots with rarity rings
Payload Bay — orbital rarity rings, count badges, equip state.
Problem

Most sci-fi inventory kits use rectangular slots and colored borders — the same pattern as fantasy RPG kits, just recolored. Nothing built for a stealth or extraction game aesthetic.

Goal

Build a complete inventory where every element — slot, ring, stat bar — feels like it belongs to the same world. One visual language, fully consistent, from panel to panel.

The gameplay loop
1
Browse loadout
Orbital slots by type
2
Select item
Rarity ring glows
3
Check stats
HP · Neural · Carry update
4
Equip or drop
Manage your build

Stats that respond to your loadout

Four stat bars always visible: HP, STAMINA, NEURAL, CARRY. NEURAL tracks signal interference from tech gear. CARRY fills as your loadout weight increases. Each bar is a standalone color-coded component — swap the variable, the entire bar changes.

Stat bars — HP, Stamina, Neural, Carry
HP · STAMINA · NEURAL · CARRY — four bars, four states, one component system.

Every slot state covered.

Empty. Hover. Equipped. Each state is a component variant — built in, no manual styling. Drop the kit in, the interactions are already there.

Empty slot state
Empty
Hover slot state
Hover
Equipped slot state
Equipped

One token. The whole ring changes.

4 rarity tiers, each a single Figma Variable. Swap the token — the orbital ring glow, the slot border, the badge color, all update instantly. No layers to hunt. No hex codes to update manually.

Common rarity ring
Common
Rare rarity ring
Rare
Epic rarity ring
Epic
Legendary rarity ring
Legendary

15 components. Full kit.

Every element — orbital slots, stat bars, navigation, stealth/chem panels, rarity rings — is a Figma component with Auto Layout. Color variables throughout. Copy into your file. It works.

Ghost Inventory — full component overview
Full component set — every slot, every bar, every panel.

Get Ghost Inventory UI Kit on itch.io

Instant download · 15 components · Auto Layout + Variables included

Buy on itch.io →