Game UI Wiki: Difference between revisions

Revision as of 09:45, 18 February 2026

Game UI Wiki

The open, community-edited game UI archive.

A collection of game interface screenshots - organized, categorized, and editable by anyone. Built by designers, for designers.

Start contributing | Create an account

10
Games

282
Screenshots

94
Categories

Games

Baldur's Gate 3
PC - RPG

Oblivion Remastered
PC - RPG

RimWorld
PC - Simulation

World of Tanks
PC - MMO

Sunless Sea
PC - RPG

Umamusume: Pretty Derby
Mobile

Brookhaven RP (Roblox)
Roblox

Sticky Business
PC - Simulation

Wolfenstein 3D
PC - FPS

Populous
PC

Browse by screen type

Menus: Frontend · Settings · Game Menu · Pause · Load Game · Credits

Gameplay: HUD · Inventory · Map · Dialogue · Combat · Crafting · Skill Tree

Social: Friends List · Lobby · Messages · Profile · Achievements

Overlay: Modal · Popup · Radial Menu · Loading

Onboarding: Onboarding · Help · Create Character

Browse by platform & genre

Platform: PC · Console · Mobile · Roblox · Steam Deck

Genre: RPG · FPS · Simulation · MMO · Survival · Open World

See all categories for the full list.

How to add a game

Create an account and confirm your email
After 1 day, search for a game - if no page exists, click "Create the page"
Copy the template from Template:Game/Preload and add your screenshots
See How to contribute for the full guide

Game UI Wiki is open source and community-driven. Unlike closed databases, anyone can add games, upload screenshots, and improve pages.

@@ Line 19: / Line 19: @@
 <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;">
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:BaldursGate3_Frontend.png|200px|link=Baldur's Gate 3]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:BaldursGate3_Frontend.png|400px|link=Baldur's Gate 3]]</div>
-<div style="padding: 8px; text-align: center;">'''[[Baldur's Gate 3]]'''<br/><small>PC - RPG</small></div>
+<div style="padding: 8px; text-align: center;">'''[[Baldur's Gate 3|Baldur's Gate 3]]'''<br/><small>PC - RPG</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:OblivionRemastered_Frontend.jpg|200px|link=The Elder Scrolls IV: Oblivion Remastered]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:OblivionRemastered_Frontend.jpg|400px|link=The Elder Scrolls IV: Oblivion Remastered]]</div>
 <div style="padding: 8px; text-align: center;">'''[[The Elder Scrolls IV: Oblivion Remastered|Oblivion Remastered]]'''<br/><small>PC - RPG</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:RimWorld_Frontend.jpg|200px|link=RimWorld]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:RimWorld_Frontend.jpg|400px|link=RimWorld]]</div>
-<div style="padding: 8px; text-align: center;">'''[[RimWorld]]'''<br/><small>PC - Simulation</small></div>
+<div style="padding: 8px; text-align: center;">'''[[RimWorld|RimWorld]]'''<br/><small>PC - Simulation</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:WorldofTanks_Garage.jpeg|200px|link=World of Tanks]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:WorldofTanks_Garage.jpeg|400px|link=World of Tanks]]</div>
-<div style="padding: 8px; text-align: center;">'''[[World of Tanks]]'''<br/><small>PC - MMO</small></div>
+<div style="padding: 8px; text-align: center;">'''[[World of Tanks|World of Tanks]]'''<br/><small>PC - MMO</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:SunlessSea_Frontend.png|200px|link=Sunless Sea]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:SunlessSea_Frontend.png|400px|link=Sunless Sea]]</div>
-<div style="padding: 8px; text-align: center;">'''[[Sunless Sea]]'''<br/><small>PC - RPG</small></div>
+<div style="padding: 8px; text-align: center;">'''[[Sunless Sea|Sunless Sea]]'''<br/><small>PC - RPG</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:UmamusumePrettyDerby_Frontend.jpg|200px|link=Umamusume: Pretty Derby]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:UmamusumePrettyDerby_Frontend.jpg|400px|link=Umamusume: Pretty Derby]]</div>
-<div style="padding: 8px; text-align: center;">'''[[Umamusume: Pretty Derby]]'''<br/><small>Mobile</small></div>
+<div style="padding: 8px; text-align: center;">'''[[Umamusume: Pretty Derby|Umamusume: Pretty Derby]]'''<br/><small>Mobile</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:BrookhavenRP_Frontend.jpg|200px|link=Brookhaven RP (Roblox)]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:BrookhavenRP_Frontend.jpg|400px|link=Brookhaven RP (Roblox)]]</div>
-<div style="padding: 8px; text-align: center;">'''[[Brookhaven RP (Roblox)]]'''<br/><small>Roblox</small></div>
+<div style="padding: 8px; text-align: center;">'''[[Brookhaven RP (Roblox)|Brookhaven RP (Roblox)]]'''<br/><small>Roblox</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:StickyBusiness_Frontend.png|200px|link=Sticky Business]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:StickyBusiness_Frontend.png|400px|link=Sticky Business]]</div>
-<div style="padding: 8px; text-align: center;">'''[[Sticky Business]]'''<br/><small>PC - Simulation</small></div>
+<div style="padding: 8px; text-align: center;">'''[[Sticky Business|Sticky Business]]'''<br/><small>PC - Simulation</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:Wolfenstein3D_Frontend.png|200px|link=Wolfenstein 3D]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:Wolfenstein3D_Frontend.png|400px|link=Wolfenstein 3D]]</div>
-<div style="padding: 8px; text-align: center;">'''[[Wolfenstein 3D]]'''<br/><small>PC - FPS</small></div>
+<div style="padding: 8px; text-align: center;">'''[[Wolfenstein 3D|Wolfenstein 3D]]'''<br/><small>PC - FPS</small></div>
 </div>
 <div style="border: 1px solid #333; border-radius: 8px; overflow: hidden; background: var(--color-surface-1, #1a1a1a);">
-[[File:Populous_Frontend.png|200px|link=Populous]]
+<div class="game-thumb" style="overflow: hidden; line-height: 0;">[[File:Populous_Frontend.png|400px|link=Populous]]</div>
-<div style="padding: 8px; text-align: center;">'''[[Populous]]'''<br/><small>PC</small></div>
+<div style="padding: 8px; text-align: center;">'''[[Populous|Populous]]'''<br/><small>PC</small></div>
 </div>
 </div>