Game UI Wiki: Difference between revisions

Latest revision as of 13:10, 20 February 2026

Game UI Wiki

The open game UI archive.

Start contributing | Create an account

Games

Revenge of the Savage Planet
Action-adventure

Helldivers 2
Third-person shooter

Wolfenstein 3D
FPS

Populous
God Game

Umamusume: Pretty Derby
Simulation

Sunless Sea
RPG

Baldur's Gate 3
RPG

World of Tanks
MMO

Brookhaven RP (Roblox)
Roleplay

RimWorld
Simulation

Sticky Business
Simulation

Oblivion Remastered
RPG

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

Anyone can add games, upload screenshots, and improve pages.

@@ Line 1: / Line 1: @@
-<big>'''Game UI Wiki''' — the game user interface archive that can be '''edited by anyone'''.</big>
+__NOTOC__
+<div style="text-align: center; padding: 20px 0 10px 0;">
+<div style="font-size: 2.5em; font-weight: bold; line-height: 1.2;">Game UI Wiki</div>
+<div style="font-style: italic; margin-top: 2px;">The open game UI archive.</div>
-A community-built collection of game UI screenshots for designers, developers, and anyone who's curious about how games handle their interfaces.
+'''[[How to contribute|Start contributing]]''' | [[Special:CreateAccount|Create an account]]
+</div>
-'''[[How to contribute]]''' to get started, or [[Special:CreateAccount|create an account]] to start editing.
+<div class="infobox" style="float: none; max-width: 100%; width: 100%; margin: 10px 0 16px 0;">
+<div class="infobox-fields">
+<div class="infobox-field" style="text-align: center;"><div class="infobox-value">12</div><div class="infobox-label">Games</div></div>
+<div class="infobox-field" style="text-align: center;"><div class="infobox-value">394</div><div class="infobox-label">Screenshots</div></div>
+<div class="infobox-field" style="text-align: center;"><div class="infobox-value">94</div><div class="infobox-label">Categories</div></div>
+</div>
+</div>
-== Entries ==
+== Games ==
-* [[Baldur's Gate 3]]
-* [[Brookhaven RP (Roblox)]]
-* [[Populous]]
-* [[RimWorld]]
-* [[Sticky Business]]
-* [[Sunless Sea]]
-* [[The Elder Scrolls IV: Oblivion Remastered]]
-* [[Umamusume: Pretty Derby]]
-* [[Wolfenstein 3D]]
-* [[World of Tanks]]
-== Browse by category ==
+<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;">
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:RevengeOfTheSavagePlanet_Title_Screen_3D_Logo.png|400px|link=Revenge of the Savage Planet]]
+<div style="padding: 8px; text-align: center;">'''[[Revenge of the Savage Planet|Revenge of the Savage Planet]]'''<br/><small>Action-adventure</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:Helldivers2_Ship_Hub_Overview.png|400px|link=Helldivers 2]]
+<div style="padding: 8px; text-align: center;">'''[[Helldivers 2|Helldivers 2]]'''<br/><small>Third-person shooter</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:Wolfenstein3D_Frontend.png|400px|link=Wolfenstein 3D]]
+<div style="padding: 8px; text-align: center;">'''[[Wolfenstein 3D|Wolfenstein 3D]]'''<br/><small>FPS</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:Populous_Frontend.png|400px|link=Populous]]
+<div style="padding: 8px; text-align: center;">'''[[Populous|Populous]]'''<br/><small>God Game</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:UmamusumePrettyDerby_Frontend.jpg|400px|link=Umamusume: Pretty Derby]]
+<div style="padding: 8px; text-align: center;">'''[[Umamusume: Pretty Derby|Umamusume: Pretty Derby]]'''<br/><small>Simulation</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:SunlessSea_Frontend.png|400px|link=Sunless Sea]]
+<div style="padding: 8px; text-align: center;">'''[[Sunless Sea|Sunless Sea]]'''<br/><small>RPG</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:BaldursGate3_Frontend.png|400px|link=Baldur's Gate 3]]
+<div style="padding: 8px; text-align: center;">'''[[Baldur's Gate 3|Baldur's Gate 3]]'''<br/><small>RPG</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:WorldofTanks_Garage.jpeg|400px|link=World of Tanks]]
+<div style="padding: 8px; text-align: center;">'''[[World of Tanks|World of Tanks]]'''<br/><small>MMO</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:BrookhavenRP_Frontend.jpg|400px|link=Brookhaven RP (Roblox)]]
+<div style="padding: 8px; text-align: center;">'''[[Brookhaven RP (Roblox)|Brookhaven RP (Roblox)]]'''<br/><small>Roleplay</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:RimWorld_Frontend.jpg|400px|link=RimWorld]]
+<div style="padding: 8px; text-align: center;">'''[[RimWorld|RimWorld]]'''<br/><small>Simulation</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:StickyBusiness_Frontend.png|400px|link=Sticky Business]]
+<div style="padding: 8px; text-align: center;">'''[[Sticky Business|Sticky Business]]'''<br/><small>Simulation</small></div>
+</div>
+<div class="game-card" style="border: 1px solid var(--border-color-base, #555); border-radius: 8px; background: var(--color-surface-2, #2a2a3a);">
+[[File:OblivionRemastered_Frontend.jpg|400px|link=The Elder Scrolls IV: Oblivion Remastered]]
+<div style="padding: 8px; text-align: center;">'''[[The Elder Scrolls IV: Oblivion Remastered|Oblivion Remastered]]'''<br/><small>RPG</small></div>
+</div>
+</div>
+== Browse by screen type ==
+{| style="width: 100%;"
+|-
+| '''Menus:''' [[:Category:Frontend|Frontend]] · [[:Category:Settings|Settings]] · [[:Category:Game Menu|Game Menu]] · [[:Category:Pause|Pause]] · [[:Category:Load Game|Load Game]] · [[:Category:Credits|Credits]]
+|-
+| '''Gameplay:''' [[:Category:HUD|HUD]] · [[:Category:Inventory|Inventory]] · [[:Category:Map|Map]] · [[:Category:Dialogue|Dialogue]] · [[:Category:Combat|Combat]] · [[:Category:Crafting|Crafting]] · [[:Category:Skill Tree|Skill Tree]]
+|-
+| '''Social:''' [[:Category:Friends List|Friends List]] · [[:Category:Lobby|Lobby]] · [[:Category:Messages|Messages]] · [[:Category:Profile|Profile]] · [[:Category:Achievements|Achievements]]
+|-
+| '''Overlay:''' [[:Category:Modal|Modal]] · [[:Category:Popup|Popup]] · [[:Category:Radial Menu|Radial Menu]] · [[:Category:Loading|Loading]]
+|-
+| '''Onboarding:''' [[:Category:Onboarding|Onboarding]] · [[:Category:Help|Help]] · [[:Category:Create Character|Create Character]]
+|}
+== Browse by platform & genre ==
 '''Platform:''' [[:Category:PC|PC]] · [[:Category:Console|Console]] · [[:Category:Mobile|Mobile]] · [[:Category:Roblox|Roblox]] · [[:Category:Steam Deck|Steam Deck]]
 '''Genre:''' [[:Category:RPG|RPG]] · [[:Category:FPS|FPS]] · [[:Category:Simulation|Simulation]] · [[:Category:MMO|MMO]] · [[:Category:Survival|Survival]] · [[:Category:Open World|Open World]]
-'''UI Features:''' [[:Category:HUD|HUD]] · [[:Category:Settings|Settings]] · [[:Category:Inventory|Inventory]] · [[:Category:Map|Map]] · [[:Category:Dialogue|Dialogue]] · [[:Category:Photo Mode|Photo Mode]] · [[:Category:Crafting|Crafting]] · [[:Category:Skill Tree|Skill Tree]]
 See [[Special:Categories|all categories]] for the full list.
@@ Line 29: / Line 93: @@
 == How to add a game ==
-# [[Special:CreateAccount|Create an account]] and confirm your email.
+# [[Special:CreateAccount|Create an account]] and confirm your email
-# Search for the game — if no page exists, click "Create the page."
+# After 1 day, search for a game - if no page exists, click "Create the page"
-# Copy the template from [[Template:Game/Preload]] and fill in your screenshots.
+# Copy the template from [[Template:Game/Preload]] and add your screenshots
-# See '''[[How to contribute]]''' for the full guide.
+# See '''[[How to contribute]]''' for the full guide
+Anyone can add games, upload screenshots, and improve pages.
 [[Category:Main]]