Toggle search
Toggle menu
25.3K
1.7K
50
166.4K
SAS Gaming Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Minecraft:Ore UI: Difference between revisions

From SAS Gaming Wiki
More actions
← Older edit
VisualWikitext
SyncBot (talk | contribs)
Bots
128,995 edits
Sync: updated from Minecraft
SyncBot (talk | contribs)
Bots
128,995 edits
Sync: updated from Minecraft
 
(12 intermediate revisions by the same user not shown)
Line 70: Line 70:


== Usage ==
== Usage ==
{{Expand section|Should Legends usages be documented here? Or should they be documented in a page in the Legends namespace?}}
[[File:Ore UI Controller Hints.png|thumb|The Play screen while using a controller with controller hints enabled]]
[[File:Ore UI Controller Hints.png|thumb|The Play screen while using a controller with controller hints enabled]]
The menu screens updated with Ore UI implemented new features using the design system, such as informative (and sometimes humorous) descriptions, smaller fonts for readability, clearer and modern layouts, more responsive sliders, more different types of elements, and tags. The buttons are styled similarly to JSON UI, with updated looks, pressing animations, and exclusive sounds for progressive buttons. Certain menus have received additional animations and images, and all UI textures have been updated, including controller hints.
The menu screens updated with Ore UI implemented new features using the design system, such as informative (and sometimes humorous) descriptions, smaller fonts for readability, clearer and modern layouts, more responsive sliders, more different types of elements, and tags. The buttons are styled similarly to JSON UI, with updated looks, pressing animations, and exclusive sounds for progressive buttons. Certain menus have received additional animations and images, and all UI textures have been updated, including controller hints.
Line 85: Line 86:
* [[Minecraft:Create New World#Bedrock Edition|Create new world]]
* [[Minecraft:Create New World#Bedrock Edition|Create new world]]
* [[Minecraft:Edit world]]
* [[Minecraft:Edit world]]
* All [[Minecraft:settings]] tabs & main settings UI except for Global Resources, Party, Storage, Resource Packs, and Behavior Packs. [[Minecraft:Realms]] uses the old UI for all settings in-game.
* All [[Minecraft:settings]] tabs & main settings UI except for Global Resources, Party, Resource Packs, and Behavior Packs.
* [[Minecraft:Title Screen#Inbox|Inbox]]
* [[Minecraft:Inbox]]
* [[Minecraft:Social|Social]] drawer
* [[Minecraft:Social]] drawer
* [[Minecraft:Tutorial:Menu screen (Bedrock Edition)#Search for players|Search for players]]
* [[Minecraft:Tutorial:Menu screen (Bedrock Edition)#Search for players|Search for players]]
* [[Minecraft:Social#Profile|Profile]]
* [[Minecraft:Social#Profile|Profile]]
Line 96: Line 97:
* [[Minecraft:Permission level#Player Permissions|Player permissions]] (except [[Minecraft:Realms]])
* [[Minecraft:Permission level#Player Permissions|Player permissions]] (except [[Minecraft:Realms]])
* [[Minecraft:Realms]] information & purchase screens
* [[Minecraft:Realms]] information & purchase screens
* [[Minecraft:Realms Hub|Realms hub]]
* [[Minecraft:Realms Hub]]
* [[Minecraft:Edit world]] Realms
* [[Minecraft:Edit world]] Realms
* [[Minecraft:Death#Player effects|Death]]
* [[Minecraft:Death#Player effects|Death]]
Line 104: Line 105:
==== ''Preview'' ====
==== ''Preview'' ====
* World and Realm selection for local uploading to [[Minecraft:Realms]]
* World and Realm selection for local uploading to [[Minecraft:Realms]]
* Storage settings tab
* Realms game settings
* [[Minecraft:Marketplace]] Wishlist screen
* [[Minecraft:Marketplace]] Wishlist screen
* Vibrant Visuals brightness screen


=== ''Bedrock Editor''===
=== ''Bedrock Editor''===
Line 114: Line 114:


==== ''Preview'' ====
==== ''Preview'' ====
* [[Minecraft:Select World|Main menu]]
* [[Minecraft:Play|Main menu]]


=== ''Minecraft Education'' ===
=== ''Minecraft Education'' ===
Line 135: Line 135:
[[File:MMBCVE Info Panel Intro.png|thumb|width=258x258|An Ore UI dialog in the [[Minecraft Movie Voting Event]]]]
[[File:MMBCVE Info Panel Intro.png|thumb|width=258x258|An Ore UI dialog in the [[Minecraft Movie Voting Event]]]]
[[File:DDUI.png|left|thumb|Some of the possibilities with the data-driven UI framework include games, search menus, and graphical command interfaces.]]
[[File:DDUI.png|left|thumb|Some of the possibilities with the data-driven UI framework include games, search menus, and graphical command interfaces.]]
[[Minecraft:Add-on]] creators can utilize [[Minecraft:scripting]] to create custom dialogs using Ore UI (DDUI).<ref>{{Citation|url=https://learn.microsoft.com/en-us/minecraft/creator/documents/scripting/intro-to-ddui?view=minecraft-bedrock-stable|title=Introduction to the Data-Driven UI (DDUI) Framework|website=Microsoft Learn}}</ref><ref>{{tweet|SmokeyStack_|1981099974319599779|No one is talking about this? A new folder called "ddui" was just added to Bedrock and it contains all the storage block screens.<br><br>This might be the first step to having data driven UI using OreUI.}}</ref><ref>{{tweet|SmokeyStack_|1996415679302697292|For those of you who do not like this, here's some good news.<br><br>This will be data driven. All blocks that have a UI got moved under the data driven entry.<br><br>Additionally, there is a new command related to the Data Driven UI.}}</ref> Similar to JSON UI dialogs, this is implemented in the {{Code|@minecraft/server-ui}} module. Unlike JSON UI, data-driven UI dialogs can automatically update, and have more controls. They can also use [[Minecraft:text component format]] to style text, such as color coding and localization.
[[Minecraft:Add-on]] creators can utilize [[Minecraft:scripting]] to create custom dialogs using Ore UI (DDUI).<ref>{{Citation|url=https://learn.microsoft.com/en-us/minecraft/creator/documents/scripting/intro-to-ddui?view=minecraft-bedrock-stable|title=Introduction to the Data-Driven UI (DDUI) Framework|website=Microsoft Learn}}</ref><ref>{{tweet|SmokeyStack_|1981099974319599779|No one is talking about this? A new folder called "ddui" was just added to Bedrock and it contains all the storage block screens.<br><br>This might be the first step to having data driven UI using OreUI.}}</ref><ref>{{tweet|SmokeyStack_|1996415679302697292|For those of you who do not like this, here's some good news.<br><br>This will be data driven. All blocks that have a UI got moved under the data driven entry.<br><br>Additionally, there is a new command related to the Data Driven UI.}}</ref><ref>{{tweet|SmokeyStack_|2095186997228794128|It seems Mojang is now laying the ground work to make DDUI in resource packs.}}</ref> Similar to JSON UI dialogs, this is implemented in the {{Code|@minecraft/server-ui}} module. Unlike JSON UI, data-driven UI dialogs can automatically update, and have more controls. They can also use [[Minecraft:text component format]] to style text, such as color coding and localization.


Furthermore, the dialogs have generally the same functions as JSON UI dialogs, but styled in Ore UI. Creators can use toggles, sliders, text input fields, dropdown, collapsible content, and even dynamic images.
Furthermore, the dialogs have generally the same functions as JSON UI dialogs, but styled in Ore UI. Creators can use toggles, sliders, text input fields, dropdown, collapsible content, and even dynamic images.
Line 152: Line 152:
* Allows creating complex UI by directly modifying or defining UI controls and other elements through the [[Minecraft:JSON]] files.
* Allows creating complex UI by directly modifying or defining UI controls and other elements through the [[Minecraft:JSON]] files.
| style="text-align:left;" |
| style="text-align:left;" |
* Hard-coded and cannot be modified by resource packs<ref>{{tweet|Volgar|1866176785815392544|No. Allowing directly changing screens is what made improving the UI design of Minecraft impossible: any change breaks existing mods. It's the same reason why there is a graveyard of abandoned mods for Java Minecraft – not every modder has time to make updates for every release.}}</ref><ref name="bedrock-wiki-json-ui-intro">{{cite|url=https://wiki.bedrock.dev/json-ui/json-ui-intro.html#introduction|title=Intro to JSON UI|website=Bedrock Wiki|date=April 1, 2024}}</ref><ref>{{bug|MCPE-180757|MCPE-180757|HBUI texture files are not in the "resource_packs" folder|WAI}}</ref>.
* Hard-coded and cannot be modified by resource packs<ref>{{tweet|Volgar|1866176785815392544|No. Allowing directly changing screens is what made improving the UI design of Minecraft impossible: any change breaks existing mods. It's the same reason why there is a graveyard of abandoned mods for Java Minecraft – not every modder has time to make updates for every release.}}</ref><ref name="bedrock-wiki-json-ui-intro">{{cite|url=https://wiki.bedrock.dev/json-ui/json-ui-intro.html#introduction|title=Intro to JSON UI|website=Bedrock Wiki|date=April 1, 2024}}</ref><ref>{{bug|MCPE-180757||HBUI texture files are not in the "resource_packs" folder|WAI}}</ref>.
* Creation of custom form UIs is possible on [[Minecraft:server]] side using {{cd|@minecraft/server-ui}} [[Minecraft:scripting]] module, though it does not directly interface with the HTML UI, and allowing few basic UI elements.
* Creation of custom form UIs is possible on [[Minecraft:server]] side using {{cd|@minecraft/server-ui}} [[Minecraft:scripting]] module, though it does not directly interface with the HTML UI, and allowing few basic UI elements.
|-
|-
! [[Minecraft:Formatting codes|Color codes]] and [[Minecraft:Mojangles|emoji]]s
! [[Minecraft:Formatting codes|Color codes]] and [[Minecraft:Mojangles|emoji]]s
| Supports specific layout properties, [[Minecraft:Formatting codes#Color codes|color codes]], and [[Minecraft:Mojangles#Emoji|emoji]]s.
| Supports specific layout properties, [[Minecraft:Formatting codes#Color codes|color codes]], and [[Minecraft:Mojangles#Emoji|emoji]]s.
| Does not support color codes<ref>{{tweet|Volgar|1867216296821370992|It probably won't be supported in the new screens, but it certainly shouldn't look like this, just plain text. Thanks, I'll pass it to the team.}}</ref><ref>{{bug|MCPE-174371|MCPE-174371|The new "Play screen" UI doesn't support colored characters|WAI}}</ref><ref>{{bug|MCPE-152246|MCPE-152246|New Create New World UI doesn't support text formatting codes|WAI}}</ref> on various screens, however, on the [[Minecraft:death screen]] in the name of the player or item or [[Minecraft:mob]] that killed them, and on the new forms screen in the label it is supported, not understanding emojis<ref>{{cite|url=https://wiki.bedrock.dev/text/emojis|title=Emojis & Symbols|website=Bedrock Wiki|date=April 1, 2024}}</ref><ref>{{bug|MCPE-185774|MCPE-185774|New server UI does not show some characters|WF}}</ref> they are not supported natively in text fields.
| Does not support color codes<ref>{{tweet|Volgar|1867216296821370992|It probably won't be supported in the new screens, but it certainly shouldn't look like this, just plain text. Thanks, I'll pass it to the team.}}</ref><ref>{{bug|MCPE-174371||The new "Play screen" UI doesn't support colored characters|WAI}}</ref><ref>{{bug|MCPE-152246||New Create New World UI doesn't support text formatting codes|WAI}}</ref> on various screens, however, on the [[Minecraft:death screen]] in the name of the player or item or [[Minecraft:mob]] that killed them, and on the new forms screen in the label it is supported, not understanding emojis<ref>{{cite|url=https://wiki.bedrock.dev/text/emojis|title=Emojis & Symbols|website=Bedrock Wiki|date=April 1, 2024}}</ref><ref>{{bug|MCPE-185774||New server UI does not show some characters|WF}}</ref> they are not supported natively in text fields.
|-
|-
! Status
! Status
Line 165: Line 165:
! Performance
! Performance
| Can be unoptimized, leading to lower {{W|FPS}}, long loading times, and general poor user experience, especially with a lot of custom UI.{{citation needed}}
| Can be unoptimized, leading to lower {{W|FPS}}, long loading times, and general poor user experience, especially with a lot of custom UI.{{citation needed}}
| Aims for better performance, though some users have reported micro-freezes and lag issues<ref>{{bug|MCPE-180677|MCPE-180677|Extreme performance downgrades in Ore UI vs JSON UI}}</ref>, particularly on consoles.
| Aims for better performance, though some users have reported micro-freezes and lag issues<ref>{{bug|MCPE-180677||Extreme performance downgrades in Ore UI vs JSON UI}}</ref>, particularly on consoles.
|-
|-
! Availability
! Availability
Line 338: Line 338:


== Sounds ==
== Sounds ==
{{expand section|Missing technical information and some sounds like the hardcore toggle.}}
{{SoundTable
{{SoundTable
|{{SoundLine
|{{SoundLine
Line 390: Line 389:
|pitch=1.0
|pitch=1.0
}}
}}
|{{SoundLine
|sound=Flint and steel click.ogg
|source=block
|description=When Hardcore mode is toggled on
|id=fire.ignite
|volume=1.0
|pitch=0.8-1.2}}
| {{SoundLine
| sound =Ghast fireball4.ogg
|source=hostile
|description=When Hardcore mode is toggled on
|id=mob.ghast.fireball
|volume=1.0
| pitch = 1.0
}}
| {{SoundLine
|sound=Fizz.ogg
|source=block
|description=When Hardcore mode is toggled off
|id=random.fizz
|volume=0.5
|pitch=1.8-2.4}}
|type=bedrock}}
|type=bedrock}}
== History ==
== History ==
=== ''Bedrock Edition'' ===
=== ''Bedrock Edition'' ===
Line 400: Line 422:
|{{HistoryLine||Preview 1.19.40.20|[[File:New UI - Control Mode Screen Menu (Bedrock Preview 1.19.40.20).png|53px]] [[Minecraft:Settings#Touch|Control mode]] screen has been added to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 1.19.40.20|[[File:New UI - Control Mode Screen Menu (Bedrock Preview 1.19.40.20).png|53px]] [[Minecraft:Settings#Touch|Control mode]] screen has been added to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 1.19.40.22|[[File:New UI - Report Screen Menu (Bedrock Preview 1.19.40.22).png|53px]] [[Minecraft:Social#Reporting|Report]] screen in [[Minecraft:Social#Other players|profile]]s from other players has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 1.19.40.22|[[File:New UI - Report Screen Menu (Bedrock Preview 1.19.40.22).png|53px]] [[Minecraft:Social#Reporting|Report]] screen in [[Minecraft:Social#Other players|profile]]s from other players has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.19.40|dev=Preview 1.19.40.23|[[File:New UI - Notification Screen Menu (Bedrock Preview 1.19.40.23).png|53px]] Notification screen has been updated to match Ore UI.}}
|{{HistoryLine||1.19.40|dev=Preview 1.19.40.23|[[File:New UI - Announcement Screen Menu (Bedrock Preview 1.19.40.23).png|53px]] Announcement screen has been updated to match Ore UI.}}
|{{HistoryLine||1.19.50|Control mode screen is released to the public and no longer in ''Preview'' only.
|{{HistoryLine||1.19.50|Control mode screen is released to the public and no longer in ''Preview'' only.
|Report screen in profiles from other players is released to the public and no longer in ''Preview'' only.}}
|Report screen in profiles from other players is released to the public and no longer in ''Preview'' only.}}
Line 408: Line 430:
|{{HistoryLine||1.20.30|[[File:New UI - Death Screen Menu - Steve Died (Bedrock 1.20.30).png|53px]] Experimental [[Minecraft:Death#Player effects|Death]] screen is released to the public and no longer in ''Preview'' only.}}
|{{HistoryLine||1.20.30|[[File:New UI - Death Screen Menu - Steve Died (Bedrock 1.20.30).png|53px]] Experimental [[Minecraft:Death#Player effects|Death]] screen is released to the public and no longer in ''Preview'' only.}}
|{{HistoryLine||Preview 1.20.60.21|[[File:New UI - Play Screen Menu "Friends" Tab (Bedrock Preview 1.20.60.21).png|53px]] A "[[Minecraft:Social#Friends|Friends]]" tab has been added to the Play screen with Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 1.20.60.21|[[File:New UI - Play Screen Menu "Friends" Tab (Bedrock Preview 1.20.60.21).png|53px]] A "[[Minecraft:Social#Friends|Friends]]" tab has been added to the Play screen with Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.20.60|dev=Preview 1.20.60.23|[[File:New UI - Inbox Screen Menu (Bedrock Preview 1.20.60.23).png|53px]] [[Minecraft:Title Screen#Inbox|Inbox]] screen has been added with Ore UI.<ref>{{tweet|Volgar|1735001079153045667|Howdy, my dears! In case you missed it, there is now new Inbox screen built with Ore UI available in #Minecraft preview builds. It's a work in progress, but hopefully it'd be a hub for release notes, invitations etc}}</ref>|[[File:New UI - Edit World Screen Menu (Bedrock Preview 1.20.60.23).png|53px]] [[Minecraft:Edit World]] screen has been updated to match Ore UI, available in ''Preview'' only.<ref>{{tweet|Volgar|1735022317124665569|Well, actually, that's not all, my dears. In today's preview the new Edit World screen is rolling out too! Check it out, and use the feedback button on the screen to tell us what you think.}}</ref>
|{{HistoryLine||1.20.60|dev=Preview 1.20.60.23|[[File:New UI - Inbox Screen Menu (Bedrock Preview 1.20.60.23).png|53px]] [[Minecraft:Inbox]] has been added to match Ore UI.<ref>{{tweet|Volgar|1735001079153045667|Howdy, my dears! In case you missed it, there is now new Inbox screen built with Ore UI available in #Minecraft preview builds. It's a work in progress, but hopefully it'd be a hub for release notes, invitations etc}}</ref>|[[File:New UI - Edit World Screen Menu (Bedrock Preview 1.20.60.23).png|53px]] [[Minecraft:Edit World]] screen has been updated to match Ore UI, available in ''Preview'' only.<ref>{{tweet|Volgar|1735022317124665569|Well, actually, that's not all, my dears. In today's preview the new Edit World screen is rolling out too! Check it out, and use the feedback button on the screen to tell us what you think.}}</ref>
|[[Minecraft:Realms Stories]] screen has been added with Ore UI, available in ''Preview'' only.}}
|[[Minecraft:Realms Stories]] screen has been added with Ore UI, available in ''Preview'' only.}}
|{{HistoryLine|||dev=Preview 1.20.60.25|[[File:New UI - Quick World Creation - Game Mode Screen Menu (Bedrock Preview 1.20.60.25).png|53px]] [[File:New UI - Quick World Creation - Survival Difficulty Screen Menu (Bedrock Preview 1.20.60.25).png|53px]] [[Minecraft:Title Screen#Quick world creation|Quick World Creation]] has been added with Ore UI.}}
|{{HistoryLine|||dev=Preview 1.20.60.25|[[File:New UI - Quick World Creation - Game Mode Screen Menu (Bedrock Preview 1.20.60.25).png|53px]] [[File:New UI - Quick World Creation - Survival Difficulty Screen Menu (Bedrock Preview 1.20.60.25).png|53px]] [[Minecraft:Title Screen#Quick world creation|Quick World Creation]] has been added with Ore UI.}}
Line 451: Line 473:
|{{HistoryLine||Preview 26.30.28|[[File: New UI - Storage Settings Screen Menu (Bedrock Preview 26.30.28).png|53px]] [[Minecraft:Settings#Storage|Storage]] settings screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 26.30.28|[[File: New UI - Storage Settings Screen Menu (Bedrock Preview 26.30.28).png|53px]] [[Minecraft:Settings#Storage|Storage]] settings screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||26.30|dev=Preview 26.30.29|Released DDUI out of experimental.}}
|{{HistoryLine||26.30|dev=Preview 26.30.29|Released DDUI out of experimental.}}
|{{HistoryLine||26.40|dev=Preview 26.40.20|[[File:New UI - Updated Disconnected Screen Menu - Reconnect Button (Bedrock Preview 26.40.20).png|53px]] Added a Reconnect button to the multiplayer error screen on world load.}}
|{{HistoryLine|||dev=release|[[Minecraft:Settings#Storage|Storage]] settings screen and [[Minecraft:Realms Hub#Saves|Saves]] realms hub screen have been updated with Ore UI.}}
|{{HistoryLine|||dev=Preview 26.50.22|Realms settings screen has been updated to match Ore UI.}}
|{{HistoryLine|upcoming bedrock}}
|{{HistoryLine|upcoming bedrock}}
|{{HistoryLine||26.40|dev=Preview 26.40.20|[[File:New UI - Updated Disconnected Screen Menu - Reconnect Button (Bedrock Preview 26.40.20).png|53px]] Added a Reconnect button to the multiplayer error screen on world load.}}
|{{HistoryLine||Preview 26.50.20|[[File: New UI - Marketplace Screen Menu "Wishlist" Tab (Bedrock Preview 26.50.20).png|53px]] Wishlist marketplace screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 26.50.20|[[File: New UI - Marketplace Screen Menu "Wishlist" Tab (Bedrock Preview 26.50.20).png|53px]] Wishlist marketplace screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||26.50|dev=Preview 26.50.22|Realms settings screen has been updated to match Ore UI.}}
}}
}}


Line 481: Line 504:
| [[Minecraft:Bedrock Edition Preview 26.20.20|Preview 26.20.20]]
| [[Minecraft:Bedrock Edition Preview 26.20.20|Preview 26.20.20]]
| -
| -
|{{Animate|New UI - Play Screen Menu "Projects" Tab (Bedrock Editor Preview 26.20.20).png;New UI - Play Screen Menu "Project Servers" Tab (Bedrock Editor Preview 26.20.20).png|45px}} [[Minecraft:Select World|Main menu]] screen has been updated to match Ore UI, available in Preview only.
|{{Animate|New UI - Play Screen Menu "Projects" Tab (Bedrock Editor Preview 26.20.20).png;New UI - Play Screen Menu "Project Servers" Tab (Bedrock Editor Preview 26.20.20).png|45px}} [[Minecraft:Play|Main menu]] screen has been updated to match Ore UI, available in Preview only.
|}
|}


Line 775: Line 798:


== Issues ==
== Issues ==
{{issue list|projects=MCPE|Ore UI|OreUI|New UI|NewUI|New design}}
{{issue list|projects=MCPE|Ore UI|OreUI|New UI|NewUI|New design|Data-Driven UI|Data Driven UI|DDUI}}


== Trivia ==
== Trivia ==
Line 840: Line 863:
==== ''Minecraft China Edition'' ====
==== ''Minecraft China Edition'' ====
<gallery>
<gallery>
File:Ore UI - Skin Store Screen Menu (China).png|Skin Store screen
File:Ore UI - Skin Store Screen Menu (MCCN).png|Skin Store screen
File:Ore UI - Mod Store Screen Menu (China).png|Mod Store screen
File:Ore UI - Mod Store Screen Menu (MCCN).png|Mod Store screen
File:Ore UI - Play Screen Menu (China).png|Play screen
File:Ore UI - Play Screen Menu (MCCN).png|Play screen
File:Ore UI - Create New World Screen Menu (China).png|Create new world screen
File:Ore UI - Create New World Screen Menu (MCCN).png|Create new world screen
File:Ore UI - Mini Map Screen Menu (China).png|Mini-map screen
File:Ore UI - Mini Map Screen Menu (MCCN).png|Mini-map screen
</gallery>
 
=== dotJS 2018 ===
<gallery>
DotJS 2018 Bedrock's UI redesign early prototype.jpg|Early prototype of {{BE}}'s title screen UI redesign
DotJS 2018 Bedrock's UI redesign tech preview.png|Tech preview of {{BE}}'s title screen UI redesign.
dotJS 2018 Bedrock's UI redesign tech preview, improved 2020.jpg|An improved version of the tech preview with the panorama updated to match [[Minecraft:Update Aquatic]] from 2020.<ref>{{tweet|xKingDarkYT|1650311684630642689|A look at early abandoned designs of the Start Screen (Main Menu)<br>Left image is from 2019<br>Right image is from 2020}}</ref>
DotJS_2018_Bedrock's_UI_redesign_achievement.jpg|{{BE}}'s achievement UI redesign.<ref>{{tweet|xKingDarkTV|1650372641637687296}}</ref>
</gallery>
</gallery>


=== Development screenshots ===
=== Ore UI-styled screenshots ===
==== Atlas ====
These UIs take design inspiration from ''[[Minecraft:Bedrock Edition]]''<nowiki/>'s UI redesign, and are not really implemented through Ore UI framework, instead they may use [[Minecraft:resource pack]] or different implementation based on JSON UI.
<gallery>
Movie1.png|'''Quests''' '''screen''' in the [[Minecraft:A Minecraft Movie Live Event|Minecraft Movie Live Event]].
Movie2.png|'''Map''' '''screen''' in the [[Minecraft:A Minecraft Movie Live Event|Minecraft Movie Live Event]].
Movie3.png|'''Return to Lobby''' confirmation dialog in the [[Minecraft:A Minecraft Movie Live Event|Minecraft Movie Live Event]].
15 npc.png|'''NPC conversation''' '''screen''' in the [[Minecraft:15 Year Journey]].
15 Collected.png|'''Sticker collected''' screen in the [[Minecraft:15 Year Journey]].
15 confirmation.png|'''Return to Hub''' confirmation dialog in the [[Minecraft:15 Year Journey]].
</gallery>
 
== Development gallery ==
=== Atlas ===
<gallery>
<gallery>
Ore UI - "Gameplay Atlas" Revision 1.png|An older version of the atlas file.
Ore UI - "Gameplay Atlas" Revision 1.png|An older version of the atlas file.
Line 855: Line 897:
Ore UI - "Gameplay Atlas" Revision 6.png|An older version of the atlas file.
Ore UI - "Gameplay Atlas" Revision 6.png|An older version of the atlas file.
Ore UI - "Gameplay Atlas" Revision 7.png|An older version of the atlas file.
Ore UI - "Gameplay Atlas" Revision 7.png|An older version of the atlas file.
Ore UI - "Gameplay Atlas" Revision 10.png|The current version of the atlas file.
Ore UI - "Gameplay Atlas" Revision 10.png|An older version of the atlas file.
Ore UI - "Gameplay Atlas" Revision 13.png|The current version of the atlas file.
</gallery>
</gallery>


==== Achievement ====
=== announcement ===
<gallery>
Ore UI development announcement screen.jpg|A sneak peek of the announcement screen.<ref name="ore-ui-announcement-sneak-peek">{{tweet|xKingDark_|1588521124803276800|All the types of the announcement modals and yes this is the one that is being used for when you first open a update}}</ref>
Ore UI development announcement screen 1.jpg|A sneak peek of the announcement screen.<ref name="ore-ui-announcement-sneak-peek" />
Ore UI development announcement screen 2.jpg|A sneak peek of the announcement screen.<ref name="ore-ui-announcement-sneak-peek" />
</gallery>
 
=== Sign in ===
<gallery>
Ore UI development sign in screen.jpg|A sneak peek of the sign in screen.<ref>{{tweet|xKingDark_|1618667512870354947|/sign-in-add-friend}}</ref>
Ore UI development sign in screen 1.png|A sneak peek of the sign in screen.<ref name="ore-ui-sign-in-screen-sneak-peek">{{tweet|xKingDark_|1623774407914135554|New routes have been added:<br>1. /sign-in-achievements<br>2. /sign-in-save-purchases<br>3. /sign-in-play-on-server}}</ref>
Ore UI development sign in screen 2.png|A sneak peek of the sign in screen.<ref name="ore-ui-sign-in-screen-sneak-peek" />
Ore UI development sign in screen 3.png|A sneak peek of the sign in screen.<ref name="ore-ui-sign-in-screen-sneak-peek" />
Ore UI development sign in screen 4.png|A sneak peek of the sign in screen.<ref>{{tweet|xKingDark_|1633556676287647746|/first-time-sign-in}}</ref>
Ore UI development sign in screen 5.jpg|A sneak peek of the sign in screen.<ref>{{tweet|xKingDark_|1877169796531241065|oops. Missed that part}}</ref>
</gallery>
 
=== Cape ===
<gallery>
Ore UI development common cape screen.jpg|A sneak peek of the common cape screen.<ref>{{tweet|xKingDark_|1877126938705149993}}</ref>
</gallery>
 
=== Achievement ===
<gallery>
<gallery>
Ore UI development achievement screen.png|A sneak peek of the [[Minecraft:achievement]] screen.
Ore UI development achievement screen.png|A sneak peek of the [[Minecraft:achievement]] screen.
Line 864: Line 929:
</gallery>
</gallery>


==== Create new world ====
=== Inbox ===
<gallery>
Ore UI development inbox screen.jpg|A sneak peek of the [[Minecraft:inbox]] screen.<ref>{{tweet|xKingDark_|1641641240318943232}}</ref>
Ore UI development inbox screen "invites" tab.jpg|A sneak peek of the [[Minecraft:inbox]] screen "invites" tab.<ref name="ore-ui-inbox-screen-sneak-peek">{{tweet|xKingDark_|1649040734568468483|The Inbox Screen has been updated in the latest preview!}}</ref>
Ore UI development inbox screen "realms" tab.jpg|A sneak peek of the [[Minecraft:inbox]] screen "realms" tab.<ref name="ore-ui-inbox-screen-sneak-peek" />
Ore UI development inbox screen "news" tab.jpg|A sneak peek of the [[Minecraft:inbox]] screen "news" tab.<ref name="ore-ui-inbox-screen-sneak-peek" />
Ore UI development inbox screen "invites" tab 1.jpg|A sneak peek of the [[Minecraft:inbox]] screen "invites" tab.<ref name="ore-ui-inbox-screen-sneak-peek" />
Ore UI development inbox screen "realms" tab 1.jpg|A sneak peek of the [[Minecraft:inbox]] screen "realmd" tab.<ref name="ore-ui-inbox-screen-sneak-peek" />
Ore UI development inbox details screen.jpg|A sneak peek of the [[Minecraft:inbox]] details screen.<ref>{{tweet|xKingDark_|1662045895347585026|News Details}}</ref>
Ore UI development inbox screen on new icon.png|A sneak peek of the inbox screen on new icon.<ref name="ore-ui-inbox-screen-on-icon-sneak-peek">{{tweet|xKingDark_|1664328250892378112|Inbox Screen icons have been updated<br>Left: New<br>Right: Old}}</ref>
Ore UI development inbox screen on old icon.png|A sneak peek of the inbox screen on old icon.<ref name="ore-ui-inbox-screen-on-icon-sneak-peek" />
Ore UI development inbox settings screen.jpg|A sneak peek of the inbox settings screen.<ref name="ore-ui-inbox-settings-screen-sneak-peek">{{tweet|xKingDark_|1669032432937443330|Inbox Settings}}</ref>
Ore UI development inbox settings screen on delete confirmation.jpg|A sneak peek of the inbox settings screen on delete confirmation.<ref name="ore-ui-inbox-settings-screen-sneak-peek" />
</gallery>
 
=== Profile ===
<gallery>
Ore UI development profile screen "overview" tab.jpg|A sneak peek of the profile screen "overview" tab.<ref name="ore-ui-profile-screen-sneak-peek">{{tweet|xKingDark_|1720209541063758187|Player Profile Screen}}</ref>
Ore UI development profile screen "stats" tab.jpg|A sneak peek of the profile screen "stats" tab.<ref name="ore-ui-profile-screen-sneak-peek" />
Ore UI development profile (other player) screen "overview" tab.jpg|A sneak peek of the profile (other player) screen "overview" tab.<ref name="ore-ui-search-for-players-and-profile-screen-sneak-peek" />
Ore UI development profile (other player) screen "stats" tab.jpg|A sneak peek of the profile (other player) screen "stats" tab.<ref name="ore-ui-search-for-players-and-profile-screen-sneak-peek" />
Ore UI development profile (other player) screen "stats" tab on stat comparison screen.jpg|A sneak peek of the profile (other player) screen "stats" tab on stat comparison screen.<ref name="ore-ui-search-for-players-and-profile-screen-sneak-peek" />
</gallery>
 
=== Play ===
==== Screenshots ====
<gallery>
Ore UI development play screen "all" tab.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab.<ref name="ore-ui-play-screen-sneak-peek">{{tweet|xKingDark_|1641641422913765379}}</ref>
Ore UI development play screen "realms" tab.jpg|A sneak peek of the [[Minecraft:play]] screen "realms" tab.<ref name="ore-ui-play-screen-sneak-peek" />
Ore UI development play screen "servers" tab.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab.<ref name="ore-ui-play-screen-sneak-peek" />
Ore UI development play screen "all" tab on something went wrong.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab on something went wrong.<ref name="ore-ui-play-screen-on-error-sneak-peek">{{tweet|xKingDark_|1641799958532694016|Error screen for when the world fails to load<br>and a screen for when using the wrong storage location (Note: the image used is not the actual one because it's not in the game files!)}}</ref>
Ore UI development play screen "all" tab on wrong storage location.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab on wrong storage location.<ref name="ore-ui-play-screen-on-error-sneak-peek" />
Ore UI development play screen "all" tab on import worlds button.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab on import worlds button.<ref name="ore-ui-play-screen-on-import-worlds-sneak-peek">{{tweet|xKingDark_|1651597161564348416|More updates to the new Play Screen, you can now import worlds!}}</ref>
Ore UI development play screen "all" tab on importing world.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab on importing world.<ref name="ore-ui-play-screen-on-import-worlds-sneak-peek" />
Ore UI development play screen "all" tab on error.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab on error.<ref name="ore-ui-play-screen-on-import-worlds-sneak-peek" />
Ore UI development play screen "all" tab on hidden.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab on hidden.<ref>{{tweet|xKingDark_|1651597195974438914}}</ref>
Ore UI development play screen "all" tab on grid.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab on grid.<ref name="ore-ui-play-screen-all-tab-on-grid-and-list-sneak-peek">{{tweet|xKingDark_|1664082801275068418|Grid vs List, which one do you prefer?}}</ref>
Ore UI development play screen "all" tab on list.jpg|A sneak peek of the [[Minecraft:play]] screen "all" tab on list.<ref name="ore-ui-play-screen-all-tab-on-grid-and-list-sneak-peek" />
Ore UI development play screen "servers" tab on featured.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on featured.<ref name="ore-ui-play-screen-servers-tab-sneak-peek">{{tweet|xKingDark_|1694484720971628606|The new Play Screen looks great so far!}}</ref>
Ore UI development play screen "servers" tab on other server.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on other server.<ref name="ore-ui-play-screen-servers-tab-sneak-peek" />
Ore UI development play screen "servers" tab on add a new server screen.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on add a new server screen.<ref name="ore-ui-play-screen-servers-tab-sneak-peek" />
Ore UI development play screen "servers" tab on error.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on error.<ref name="ore-ui-play-screen-servers-tab-sneak-peek" />
Ore UI development play screen "servers" tab on something went wrong.png|A sneak peek of the [[Minecraft:play]] screen "servers" tab on something went wrong.<ref name="ore-ui-play-screen-servers-tab-sneak-peek" />
Ore UI development play screen "servers" tab on xbox controller hints.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on xbox controller hints.<ref>{{tweet|xKingDark_|1694499059757646056|In this screenshot the platform is set to Xbox and the button is still there, so for now the answer is yes}}</ref>
Ore UI development play screen "servers" tab on playstation controller hints.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on playstation controller hints.<ref>{{tweet|xKingDark_|1695433377346617364|for now the button is there even if you’re on console<br>we don’t know yet if they’re going to remove it or not}}</ref>
Ore UI development play screen "servers" tab on sign in.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on sign in.<ref name="ore-ui-play-screen-servers-tab-1-sneak-peek">{{tweet|xKingDark_|1702046384088621321|More changes have been made to the Servers tab :D}}</ref>
Ore UI development play screen "servers" tab on unkown external server.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on unkown external server.<ref name="ore-ui-play-screen-servers-tab-1-sneak-peek" />
Ore UI development play screen on friends drawer.jpg|A sneak peek of the [[Minecraft:play]] screen on friends drawer.<ref name="ore-ui-play-screen-friends-drawer-sneak-peek">{{tweet|xKingDark_|1704582947670544559|The work on the friends drawer has started!!}}</ref>
Ore UI development play screen on friends drawer 1.jpg|A sneak peek of the [[Minecraft:play]] screen on friends drawer.<ref name="ore-ui-play-screen-friends-drawer-sneak-peek" />
Ore UI development play screen "servers" tab on offline.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on offline.<ref name="ore-ui-play-screen-servers-tab-2-sneak-peek">{{tweet|xKingDark_|1717332017791025579|Small updates to the servers tab in the new Play screen}}</ref>
Ore UI development play screen "servers" tab on parental permission needed.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on parental permission needed.<ref name="ore-ui-play-screen-servers-tab-2-sneak-peek" />
Ore UI development play screen "servers" tab on banned.jpg|A sneak peek of the [[Minecraft:play]] screen "servers" tab on banned.<ref name="ore-ui-play-screen-servers-tab-2-sneak-peek" />
Ore UI development friends drawer on parental permission needed.jpg|A sneak peek of the friends drawer on parental permission needed.<ref name="ore-ui-add-friend-screen-and-friends-drawer-sneak-peek" />
Ore UI development play screen "realms" tab 1.jpg|A sneak peek of the [[Minecraft:play]] screen "realms" tab.<ref name="ore-ui-play-and-realms-stories-screen-sneak-peek">{{tweet|xKingDark_|1735022803164766459|Realms Tab & Realm Stories changes}}</ref>
Ore UI development play screen "realms" tab 2.jpg|A sneak peek of the [[Minecraft:play]] screen "realms" tab.<ref name="ore-ui-play-and-realms-screen-sneak-peek">{{tweet|xKingDark_|1768628276061253686|Looks like the Realms tab is being worked on}}</ref>
Ore UI development play screen "realms" tab 3.jpg|A sneak peek of the [[Minecraft:play]] screen "realms" tab.<ref name="ore-ui-play-and-realms-screen-sneak-peek" />
Ore UI development play screen "realms" tab 4.jpg|A sneak peek of the [[Minecraft:play]] screen "realms" tab.<ref name="ore-ui-play-screen-realms-tab-sneak-peek">{{tweet|xKingDark_|1775585014211608632|Looks like the Realms tab isn't far from being!! I cannot wait to see this screen in stable}}</ref>
Ore UI development play screen "realms" tab 5.jpg|A sneak peek of the [[Minecraft:play]] screen "realms" tab.<ref name="ore-ui-play-screen-realms-tab-sneak-peek" />
Ore UI development play screen "realms" tab on add members button.jpg|A sneak peek of the [[Minecraft:play]] screen "realms" tab on add members button.<ref>{{tweet|CornerHardMC|1926167751371989414|Small Realms improvement coming in 1.21.90: there's a new "Add Members" button that takes you directly to the screen that allows you to add members to your Realm}}</ref>
</gallery>
----
 
==== Videos ====
<gallery mode="packed">
Ore UI development play screen "servers" tab v2.mp4|An early look of the [[Minecraft:play]] screen [[Minecraft:servers]] tab.<ref>{{tweet|nipitare_|2085040302448943141|OreUI servers tab V2}}</ref>
</gallery>
 
=== Create new world ===
<gallery>
<gallery>
Ore UI development create new world screen 1.png|A sneak peek of the create new world screen,  showing a part of the '''"Create"''' button.
Ore UI development create new world screen 1.png|A sneak peek of the create new world screen,  showing a part of the '''"Create"''' button.
Ore UI development create new world screen 2.png|Another sneak peek of the create new world screen, showing the world's difficulty selector.
Ore UI development create new world screen 2.png|A sneak peek of the create new world screen, showing the world's difficulty selector.
Ore UI development create new world screen 3.png|A sneak peek of the [[Minecraft:Create New World|create new world]] screen, showing active [[Minecraft:Resource pack|resource packs]] section.
Ore UI development create new world screen 3.png|A sneak peek of the [[Minecraft:create new world]] screen, showing active [[Minecraft:Resource pack|resource packs]] section.
Ore UI development create new world screen "general" tab on hardcore mode.jpg|A sneak peek of the [[Minecraft:create new world]] screen "general" tab on hardcore mode.<ref name="ore-ui-world-creation-screen-on-hardcore-mode-sneak-peek">{{tweet|xKingDark_|1768629299924361508}}</ref>
Ore UI development create new world screen "advanced" tab on hardcore mode.jpg|A sneak peek of the [[Minecraft:create new world]] screen "advanced" tab on hardcore mode.<ref name="ore-ui-world-creation-screen-on-hardcore-mode-sneak-peek" />
Ore UI development create new world screen "cheats" tab on hardcore mode.jpg|A sneak peek of the [[Minecraft:create new world]] screen "cheats" tab on hardcore mode.<ref name="ore-ui-world-creation-screen-on-hardcore-mode-sneak-peek" />
</gallery>
</gallery>


==== Gameplay ====
=== Edit world ===
<gallery>
Ore UI development edit world screen.jpg|A sneak peek of the [[Minecraft:edit world]] screen.<ref name="ore-ui-edit world-screen-sneak-peek">{{tweet|xKingDark_|1647766132877656067|The new Edit World screen is ready, i wonder why they haven't released it yet}}</ref>
Ore UI development edit world screen 1.jpg|A sneak peek of the [[Minecraft:edit world]] screen.<ref name="ore-ui-edit world-screen-sneak-peek" />
Ore UI development edit world screen on delete world.jpg|A sneak peek of the [[Minecraft:edit world]] screen on delete world.<ref name="ore-ui-edit world-screen-sneak-peek" />
Ore UI development edit world screen "general" tab on hardcore mode.jpg|A sneak peek of the [[Minecraft:edit world]] screen "general" tab on hardcore mode.<ref name="ore-ui-world-creation-screen-on-hardcore-mode-sneak-peek" />
</gallery>
 
=== Death ===
<gallery>
Ore UI development death screen.jpg|A sneak peek of the [[Minecraft:death]] screen.<ref>{{tweet|xKingDark_|1598396877803847687|👀}}</ref>
Ore UI development death screen on respawning.jpg|A sneak peek of the [[Minecraft:death]] screen on respawning.<ref>{{tweet|xKingDark_|1625950783379279901|New Respawning Screen has been added}}</ref>
</gallery>
 
=== Sleep ===
<gallery>
Ore UI development sleep screen.png|A sneak peek of the [[Minecraft:sleep]] screen.<ref>{{tweet|SmokeyStack_|1763299343707115950|Thanks to @xKingDarkYT , the sleep screen seems to be the next one to receive OreUI. And also a compare stats screen?}}</ref>
</gallery>
 
=== Error ===
<gallery>
Ore UI development old error screen.png|A sneak peek of the old error screen.<ref name="ore-ui-error-screen-sneak-peek">{{tweet|xKingDark_|1618958369590738949|Mojang has updated the Error Screen for OreUI<br><br>Left -> Old<br>Right -> New}}</ref>
Ore UI development new error screen.png|A sneak peek of the new error screen.<ref name="ore-ui-error-screen-sneak-peek" />
</gallery>
 
=== Bedrock editor ===
<gallery>
Ore UI development editor mode screen.jpg|A sneak peek of the editor mode screen.<ref>{{tweet|xKingDark_|1588526406317006849|Has anyone ever thought how would the Editor Mode UI look like, this is an older version of that UI}}</ref>
Ore UI development create new project screen.jpg|A sneak peek of the create new project screen.<ref>{{tweet|xKingDark_|1625952286009659418|This is something that was added a long time ago, Create New Project}}</ref>
Ore UI development create new project screen "scripting & coding" tab.jpg|A sneak peek of the create new project screen "scripting & coding" tab.<ref>{{tweet|xKingDark_|1636087153552773122}}</ref><ref>{{tweet|xKingDark_|1636252300430770183|That’s because it’s disabled, it’s only enabled in Minecraft Education}}</ref>
</gallery>
 
=== Gameplay ===
{{main|Bedrock Edition GUI, UI, and Ore UI textures#GUI 2}}
{{main|Bedrock Edition GUI, UI, and Ore UI textures#GUI 2}}
==== Screenshots ====
<gallery>
<gallery>
Ore UI development old hotbar.jpg|An early look of the old [[Minecraft:hotbar]].<ref>{{tweet|xKingDarkYT|1873038723509829786|So far the HUD only has the hotbar.}}</ref>
Ore UI development old hotbar.jpg|An early look of the old [[Minecraft:hotbar]].<ref>{{tweet|xKingDark_|1873038723509829786|So far the HUD only has the hotbar.}}</ref>
Ore UI development hotbar.png|An early look of the new [[Minecraft:hotbar]].<ref>{{tweet|nipitare_|2046637363904827518|They have yea, it basically looks like the current one we have}}</ref>
Ore UI development hotbar.png|An early look of the new [[Minecraft:hotbar]].<ref>{{tweet|nipitare_|2046637363904827518|They have yea, it basically looks like the current one we have}}</ref>
Ore UI development inventory.png|An early look of the old [[Minecraft:inventory]] screen.<ref name="ore-ui-inventory-and-dropper/dispenser-and-hopper-sneak-peek">{{tweet|nipitare_|1963591339670491225|New inventory, dropper/dispenser and hopper OreUI screens.}}</ref>
Ore UI development inventory.png|An early look of the old [[Minecraft:inventory]] screen.<ref name="ore-ui-inventory-and-dropper/dispenser-and-hopper-sneak-peek">{{tweet|nipitare_|1963591339670491225|New inventory, dropper/dispenser and hopper OreUI screens.}}</ref>
Line 887: Line 1,055:
Ore UI development recipe book on input field.png|An early look of the [[Minecraft:recipe book]] on input field screen.<ref name="ore-ui-recipe-book-and-anvil-on-input-field-screen-sneak-peek">{{tweet|nipitare_|2069456462330429870|Recipe book and anvil have gotten their own input field textures in OreUI.}}</ref>
Ore UI development recipe book on input field.png|An early look of the [[Minecraft:recipe book]] on input field screen.<ref name="ore-ui-recipe-book-and-anvil-on-input-field-screen-sneak-peek">{{tweet|nipitare_|2069456462330429870|Recipe book and anvil have gotten their own input field textures in OreUI.}}</ref>
Ore UI development recipe book on icon.png|An early look of the [[Minecraft:recipe book]] on icon.<ref>{{tweet|nipitare_|2074525206677188947|OreUI recipe book screen has recived it's categories}}</ref>
Ore UI development recipe book on icon.png|An early look of the [[Minecraft:recipe book]] on icon.<ref>{{tweet|nipitare_|2074525206677188947|OreUI recipe book screen has recived it's categories}}</ref>
Ore UI development old furnace.png|An early look of the old [[Minecraft:furnace]] screen.<ref>{{tweet|xKingDarkYT|1859299649817018775|Looks still early wip but could be soon... maybe as soon as next year?}}</ref>
Ore UI development old furnace.jpg|An early look of the old [[Minecraft:furnace]] screen.<ref>{{tweet|xKingDark_|1806370054272872589|Keep in mind, this is still work in progress but it appears that the developers might stick to the old UI style for the gameplay screens(?)}}</ref><ref>{{tweet|xKingDark_|1806383789721203148|The furnace screen in OreUI}}</ref>
Ore UI development old furnace 1.png|An early look of the old [[Minecraft:furnace]] screen.<ref>{{tweet|xKingDark_|1859299649817018775|Looks still early wip but could be soon... maybe as soon as next year?}}</ref>
Ore UI development furnace.png|An early look of the new [[Minecraft:furnace]] screen.<ref name="ore-ui-furnace-sneak-peek">{{tweet|nipitare_|1996278135625855144|Furnace screen in OreUI has recived some major updates}}</ref>
Ore UI development furnace.png|An early look of the new [[Minecraft:furnace]] screen.<ref name="ore-ui-furnace-sneak-peek">{{tweet|nipitare_|1996278135625855144|Furnace screen in OreUI has recived some major updates}}</ref>
Ore UI development lit furnace 100%.png|An early look of the [[Minecraft:lit furnace]] (100%) screen.<ref name="ore-ui-furnace-sneak-peek" />
Ore UI development lit furnace 100%.png|An early look of the [[Minecraft:lit furnace]] (100%) screen.<ref name="ore-ui-furnace-sneak-peek" />
Line 910: Line 1,079:
Ore UI development magenta bundle 50%.png|An early look of the magenta [[Minecraft:bundle]] (50%) tooltip.<ref name="ore-ui-magenta-bundle-sneak-peek" />
Ore UI development magenta bundle 50%.png|An early look of the magenta [[Minecraft:bundle]] (50%) tooltip.<ref name="ore-ui-magenta-bundle-sneak-peek" />
Ore UI development magenta bundle 100%.png|An early look of the magenta [[Minecraft:bundle]] (100%) tooltip.<ref name="ore-ui-magenta-bundle-sneak-peek" />
Ore UI development magenta bundle 100%.png|An early look of the magenta [[Minecraft:bundle]] (100%) tooltip.<ref name="ore-ui-magenta-bundle-sneak-peek" />
Ore UI development chest container.jpg|An early look of the [[Minecraft:chest]] container screen.<ref name="ore-ui-containers-sneak-peek">{{tweet|xKingDarkYT|1873038637899890855|OreUI versions of the container screens}}</ref>
Ore UI development chest container.jpg|An early look of the [[Minecraft:chest]] container screen.<ref name="ore-ui-containers-sneak-peek">{{tweet|xKingDark_|1873038637899890855|OreUI versions of the container screens}}</ref>
Ore UI development barrel container.jpg|An early look of the [[Minecraft:barrel]] container screen.<ref name="ore-ui-containers-sneak-peek" />
Ore UI development barrel container.jpg|An early look of the [[Minecraft:barrel]] container screen.<ref name="ore-ui-containers-sneak-peek" />
Ore UI development ender chest container.jpg|An early look of the [[Minecraft:ender chest]] container screen.<ref name="ore-ui-containers-sneak-peek" />
Ore UI development ender chest container.jpg|An early look of the [[Minecraft:ender chest]] container screen.<ref name="ore-ui-containers-sneak-peek" />
Line 928: Line 1,097:
Ore UI development anvil - pocket UI profile.png|An early look of the pocket UI profile of [[Minecraft:anvil]] screen.<ref name="ore-ui-shulker-box-container-and-anvil-for-pocket-and-classic-ui-profile-sneak-peek" />
Ore UI development anvil - pocket UI profile.png|An early look of the pocket UI profile of [[Minecraft:anvil]] screen.<ref name="ore-ui-shulker-box-container-and-anvil-for-pocket-and-classic-ui-profile-sneak-peek" />
Ore UI development anvil - classic UI profile.png|An early look of the classic UI profile of [[Minecraft:anvil]] screen.<ref name="ore-ui-shulker-box-container-and-anvil-for-pocket-and-classic-ui-profile-sneak-peek" />
Ore UI development anvil - classic UI profile.png|An early look of the classic UI profile of [[Minecraft:anvil]] screen.<ref name="ore-ui-shulker-box-container-and-anvil-for-pocket-and-classic-ui-profile-sneak-peek" />
</gallery>
----
==== Videos ====
<gallery mode="packed">
Ore UI development container all.mp4|An early look of the container all screen.<ref>{{tweet|nipitare_|2093788414994714918|A closer look to the OreUI container screens in #minecraft. Keep in mind these screens are still WIP (especially brewing stand and grindstone).}}</ref><ref>{{tweet|nipitare_|2093792530554920974|No, it's vanilla i just force the oreui screen to render instead of jsonui one.}}</ref>
Ore UI development copper chest container.mp4|An early look of the [[Minecraft:copper chest]] container screen.<ref>{{tweet|nipitare_|2094002680343429556|Well it does that ¯\_(ツ)_/¯}}</ref>
Ore UI development crafting on toggled and recipe book.mp4|An early look of the [[Minecraft:crafting]] on toggled and [[Minecraft:recipe book]] screen.<ref>{{tweet|nipitare_|2095199946391613475|Recipe book can now be toggled in OreUI}}</ref>
</gallery>
</gallery>


==== Player permission ====
=== Player permission ===
<gallery>
<gallery>
Ore UI development player permissions.jpg|An early look of the [[Minecraft:Permission level#Player Permissions|player permissions]] screen.<ref name="ore-ui-player-permissions-sneak-peek">{{tweet|xKingDarkYT|1877126947471278563|An OreUI version of the player permissions screen was added in today's Preview (1.21.60.25)}}</ref>
Ore UI development player permissions.jpg|An early look of the [[Minecraft:Permission level#Player Permissions|player permissions]] screen.<ref name="ore-ui-player-permissions-sneak-peek">{{tweet|xKingDarkYT|1877126947471278563|An OreUI version of the player permissions screen was added in today's Preview (1.21.60.25)}}</ref>
Line 936: Line 1,113:
</gallery>
</gallery>


==== Party ====
=== Party ===
<gallery>
<gallery>
Ore UI development create party.jpg|An early look of the create [[Minecraft:party]] screen.<ref>{{tweet|xKingDarkYT|1895532902609535440|Seems like Mojang is working on a party system?}}</ref>
Ore UI development create party.jpg|An early look of the create [[Minecraft:party]] screen.<ref>{{tweet|xKingDarkYT|1895532902609535440|Seems like Mojang is working on a party system?}}</ref>
</gallery>
</gallery>


==== Disconnected ====
=== Disconnected ===
<gallery>
<gallery>
Ore UI development disconnected.jpg|An early look of the disconnection screen.<ref>{{tweet|xKingDarkYT|1895532779775148441|New disconnection screen.}}</ref>
Ore UI development disconnected.jpg|An early look of the disconnection screen.<ref>{{tweet|xKingDarkYT|1895532779775148441|New disconnection screen.}}</ref>
</gallery>
</gallery>


==== Quick world creation ====
=== Quick world creation ===
<gallery>
Ore UI development quick world creation on game mode screen.jpg|A sneak peek of the quick world creation on game mode screen.<ref name="ore-ui-quick-world-creation-screen-sneak-peek">{{tweet|xKingDark_|1720209468930040078|Quick World Creation Screen}}</ref>
Ore UI development quick world creation on survival difficulty screen.jpg|A sneak peek of the quick world creation on survival difficulty screen.<ref name="ore-ui-quick-world-creation-screen-sneak-peek" />
Ore UI development quick world creation on select character screen.jpg|A sneak peek of the quick world creation on select character screen.<ref>{{tweet|inotflying|1920264762513903999|New Character Selector screen in #Minecraft Bedrock|May 8, 2025}}</ref>
</gallery>
 
=== Realms ===
<gallery>
<gallery>
Ore UI development quick world creation - select character screen.jpg|A sneak peek of the quick world creation in select character screen.<ref>{{tweet|inotflying|1920264762513903999|New Character Selector screen in #Minecraft Bedrock|May 8, 2025}}</ref>
Ore UI development realms choose a slot screen.jpg|A sneak peek of the realms choose a slot screen.<ref>{{tweet|xKingDark_|1664317478074302473|A new screen has been added<br>Route: "/realms-choose-slot"}}</ref>
Ore UI development choose a preview realm screen.jpg|A sneak peek of the choose a preview realm screen.<ref name="ore-ui-choose-screen-sneak-peek">{{tweet|xKingDark_|1679176887623467018|Realms on Preview???}}</ref>
Ore UI development choose a subscription screen.jpg|A sneak peek of the choose a subscription screen.<ref name="ore-ui-choose-screen-sneak-peek" />
Ore UI development choose a subscription screen on create preview realm.jpg|A sneak peek of the choose a subscription screen on create preview realm.<ref>{{tweet|xKingDark_|1702047222685213151}}</ref>
Ore UI development minecraft realms screen.jpg|A sneak peek of the minecraft [[Minecraft:realms]] screen.<ref name="ore-ui-play-and-realms-screen-sneak-peek" />
Ore UI development choose your plan screen.jpg|A sneak peek of the choose your plan screen.<ref name="ore-ui-play-and-realms-screen-sneak-peek" />
Ore UI development game menu on settings realms screen "game" tab.png|A sneak peek of the game menu on settings realms screen "game" tab.<ref>{{tweet|CornerHardMC|2083642717578621177|Coming in 26.40: the in-game settings for your Bedrock Realms will now be in the new Ore UI interface! No more oddly spaced JSON UI settings 😄 <br><br>We're gradually getting all the screens moved over to the nice new UI system.}}</ref>
</gallery>
</gallery>


==== Realms ====
=== Realms stories ===
<gallery>
<gallery>
Ore UI development realms stories in "timeline" tab - opt in to timeline message.jpg|A sneak peek of the [[Minecraft:Realms Stories]] in "Timeline" tab opt in to timeline message.<ref>{{tweet|CornerHardMC|1923155920114036930|Realms upcoming feature sneak peek 👀<br><br>Bedrock Realm owners will have the option to require that players opt-in to the Realm's Timeline if they want to play on the Realm.|May 16, 2025}}</ref>
Ore UI development realms stories screen "home" tab.jpg|A sneak peek of the [[Minecraft:realms stories]] screen "home" tab.<ref name="ore-ui-realms-stories-screen-sneak-peek">{{tweet|xKingDark_|1588519738388643840|Realm Stories}}</ref>
Ore UI development play screen in "realms" tab - "Add Members" button.jpg|A sneak peek of the [[Minecraft:Select World#Realms|Play]] screen in "Realms" tab - "Add Members" button.<ref>{{tweet|CornerHardMC|1926167751371989414|Small Realms improvement coming in 1.21.90: there's a new "Add Members" button that takes you directly to the screen that allows you to add members to your Realm}}</ref>
Ore UI development realms stories screen "home" tab 1.jpg|A sneak peek of the [[Minecraft:realms stories]] screen "home" tab.<ref name="ore-ui-realms-stories-screen-sneak-peek" />
Ore UI development realms owner screen.jpg|A sneak peek of the Realms owner screen.<ref>{{tweet|CornerHardMC|2029950087338881494|Realms sneak peek 👀<br><br>Bedrock Realms will have a new "Administrator" role that the Realm Owner can grant to other trusted players, allowing them to add members, change settings, manage worlds, and other non-billing details of the Realm.}}</ref>
Ore UI development realms stories screen "story feed" tab.jpg|A sneak peek of the [[Minecraft:realms stories]] screen "story feed" tab.<ref name="ore-ui-realms-stories-screen-sneak-peek" />
Ore UI development realms hub screen.jpg|A sneak peek of the Realms Hub screen.<ref>{{tweet|CornerHardMC|2032540836240728444|Realms sneak peek 👀<br><br>Soon in Preview you'll get to try our new user interface for Bedrock Realms - Realm Hub! It's everything from Realms settings, world slots, and Realms Stories, all in one place, easy to navigate. <br><br>Both Realm Owner and Administrators can make changes 🔧}}</ref>
Ore UI development realms stories screen "members" tab.jpg|A sneak peek of the [[Minecraft:realms stories]] screen "members" tab.<ref name="ore-ui-realms-stories-screen-sneak-peek" />
Ore UI development realms hub screen "community" tab.jpg|A sneak peek of the realms hub screen "community" tab.<ref>{{tweet|CornerHardMC|2032547506421469483|When you're playing on the Realm, if you do something significant, like defeat the wither, Realms will make a new Realm Event in that Realm's story feed. It's like news stories about exciting stuff players are doing 😀}}</ref>
Ore UI development realms stories screen on comments screen.png|A sneak peek of the [[Minecraft:realms stories]] screen on comments screen.<ref name="ore-ui-realms-stories-screen-sneak-peek" />
Ore UI development realms hub screen "world" tab - "saves" tab.jpg|A sneak peek of the realms hub screen "world" tab in "saves" tab.<ref>{{tweet|CornerHardMC|2082983040272449800|Coming in 26.40: The fancy new Realms Saves UI will no longer be "Under construction" 👷😀<br><br>Manually back up your Realm world while you're playing, or restore a manual or automatic save from earlier if something bad happens on your Realm.}}</ref>
Ore UI development realms stories screen on new story screen.png|A sneak peek of the [[Minecraft:realms stories]] screen on new story screen.<ref>{{tweet|xKingDark_|1595510806078230549|A new route has been added "/realms-new-story"}}</ref>
Ore UI development game menu - settings realms screen "game" tab.png|A sneak peek of the game menu in settings realms screen "game" tab.<ref>{{tweet|CornerHardMC|2083642717578621177|Coming in 26.40: the in-game settings for your Bedrock Realms will now be in the new Ore UI interface! No more oddly spaced JSON UI settings 😄 <br><br>We're gradually getting all the screens moved over to the nice new UI system.}}</ref>
Ore UI development realms stories screen on comments screen 1.jpg|A sneak peek of the [[Minecraft:realms stories]] screen on comments screen.<ref>{{tweet|xKingDark_|1611081970334765057|Mojang has updated the comments screen for the Realms Stories UI}}</ref>
Ore UI development realms stories screen.jpg|A sneak peek of the [[Minecraft:realms stories]] screen.<ref>{{tweet|xKingDark_|1625950917483761679|Realm Stories UI has been updated!}}</ref>
Ore UI development realms stories screen on pop-ups.jpg|A sneak peek of the [[Minecraft:realms stories]] screen on pop-ups.<ref>{{tweet|xKingDark_|1694466611732758621}}</ref>
Ore UI development realms stories screen 1.jpg|A sneak peek of the [[Minecraft:realms stories]] screen.<ref>{{tweet|xKingDark_|1694706841874534725}}</ref>
Ore UI development realms stories screen 2.jpg|A sneak peek of the [[Minecraft:realms stories]] screen.<ref name="ore-ui-realms-stories-settings-screen-sneak-peek">{{tweet|xKingDark_|1702046628465500340|They're finally continuing the work on the realms stories screen<br>(Sorry David!)}}</ref>
Ore UI development realms stories settings screen.png|A sneak peek of the [[Minecraft:realms stories]] settings screen.<ref name="ore-ui-realms-stories-settings-screen-sneak-peek" />
Ore UI development realms stories screen on opt.jpg|A sneak peek of the [[Minecraft:realms stories]] screen on opt.<ref name="ore-ui-realms-stories-screen-on-opt-sneak-peek">{{tweet|xKingDark_|1712185987596505473|The Opt-in to Realms Stories screen looks sick imo!}}</ref>
Ore UI development realms stories screen on opt 1.jpg|A sneak peek of the [[Minecraft:realms stories]] screen on opt.<ref name="ore-ui-realms-stories-screen-on-opt-sneak-peek" />
Ore UI development realms stories screen on opt 2.png|A sneak peek of the [[Minecraft:realms stories]] screen on opt.<ref name="ore-ui-realms-stories-screen-on-opt-sneak-peek" />
Ore UI development realms stories screen on opt 3.png|A sneak peek of the [[Minecraft:realms stories]] screen on opt.<ref name="ore-ui-realms-stories-screen-on-opt-sneak-peek" />
Ore UI development realms stories screen on opt 4.png|A sneak peek of the [[Minecraft:realms stories]] screen on opt.<ref name="ore-ui-realms-stories-screen-on-opt-sneak-peek" />
Ore UI development realms stories screen on opt 5.png|A sneak peek of the [[Minecraft:realms stories]] screen on opt.<ref name="ore-ui-realms-stories-screen-on-opt-sneak-peek" />
Ore UI development realms stories screen on opt 6.png|A sneak peek of the [[Minecraft:realms stories]] screen on opt.<ref name="ore-ui-realms-stories-screen-on-opt-sneak-peek" />
Ore UI development realms stories screen on add story screen.jpg|A sneak peek of the [[Minecraft:realms stories]] screen on add story screen.<ref name="ore-ui-realms-stories-and-screenshot-screen-sneak-peek">{{tweet|xKingDark_|1712186486479626305|More updates to the Realms Stories screen, both the realms team and the UI team are doing a great job! :D}}</ref>
Ore UI development realms stories screen "members" tab 1.jpg|A sneak peek of the [[Minecraft:realms stories]] screen "members" tab.<ref name="ore-ui-realms-stories-and-screenshot-screen-sneak-peek" />
Ore UI development realms stories screen "realms" tab 2.jpg|A sneak peek of the [[Minecraft:realms stories]] screen "members" tab.<ref name="ore-ui-play-and-realms-stories-screen-sneak-peek" />
Ore UI development realms stories screen "timeline" tab.jpg|A sneak peek of the [[Minecraft:realms stories]] screen "timeline" tab.<ref name="ore-ui-play-and-realms-stories-screen-sneak-peek" />
Ore UI development realms stories screen "timeline" tab on opt in to timeline message.jpg|A sneak peek of the [[Minecraft:realms stories]] screen "timeline" tab on opt in to timeline message.<ref>{{tweet|CornerHardMC|1923155920114036930|Realms upcoming feature sneak peek 👀<br><br>Bedrock Realm owners will have the option to require that players opt-in to the Realm's Timeline if they want to play on the Realm.|May 16, 2025}}</ref>
</gallery>
</gallery>


=== dotJS 2018 ===
=== Realms hub ===
<gallery>
<gallery>
DotJS 2018 Bedrock's UI redesign early prototype.jpg|Early prototype of {{BE}}'s title screen UI redesign
Ore UI development realms owner screen.jpg|A sneak peek of the Realms owner screen.<ref>{{tweet|CornerHardMC|2029950087338881494|Realms sneak peek 👀<br><br>Bedrock Realms will have a new "Administrator" role that the Realm Owner can grant to other trusted players, allowing them to add members, change settings, manage worlds, and other non-billing details of the Realm.}}</ref>
DotJS 2018 Bedrock's UI redesign tech preview.png|Tech preview of {{BE}}'s title screen UI redesign.
Ore UI development realms hub screen.jpg|A sneak peek of the realms hub screen.<ref>{{tweet|CornerHardMC|2032540836240728444|Realms sneak peek 👀<br><br>Soon in Preview you'll get to try our new user interface for Bedrock Realms - Realm Hub! It's everything from Realms settings, world slots, and Realms Stories, all in one place, easy to navigate.<br><br>Both Realm Owner and Administrators can make changes 🔧}}</ref>
dotJS 2018 Bedrock's UI redesign tech preview, improved 2020.jpg|An improved version of the tech preview with the panorama updated to match [[Minecraft:Update Aquatic]] from 2020.<ref>{{tweet|xKingDarkYT|1650311684630642689|A look at early abandoned designs of the Start Screen (Main Menu)<br>Left image is from 2019<br>Right image is from 2020}}</ref>
Ore UI development realms hub screen "community" tab.jpg|A sneak peek of the realms hub screen "community" tab.<ref>{{tweet|CornerHardMC|2032547506421469483|When you're playing on the Realm, if you do something significant, like defeat the wither, Realms will make a new Realm Event in that Realm's story feed. It's like news stories about exciting stuff players are doing 😀}}</ref>
DotJS_2018_Bedrock's_UI_redesign_achievement.jpg|{{BE}}'s achievement UI redesign.<ref>{{tweet|xKingDarkTV|1650372641637687296}}</ref>
Ore UI development realms hub screen "world" tab on "saves" tab.jpg|A sneak peek of the realms hub screen "world" tab on "saves" tab.<ref>{{tweet|CornerHardMC|2082983040272449800|Coming in 26.40: The fancy new Realms Saves UI will no longer be "Under construction" 👷😀<br><br>Manually back up your Realm world while you're playing, or restore a manual or automatic save from earlier if something bad happens on your Realm.}}</ref>
</gallery>
</gallery>


=== Ore UI-styled screenshots ===
=== Other ===
These UIs take design inspiration from ''[[Minecraft:Bedrock Edition]]''<nowiki/>'s UI redesign, and are not really implemented through Ore UI framework, instead they may use [[Minecraft:resource pack]] or different implementation based on JSON UI.
<gallery>
<gallery>
Movie1.png|'''Quests''' '''screen''' in the [[Minecraft:A Minecraft Movie Live Event|Minecraft Movie Live Event]].
Ore UI development guided world creation screen.jpg|A sneak peek of the guided world creation screen.<ref>{{tweet|xKingDark_|1653809591015157761|Noting too interesting in today's preview except for this empty new screen}}</ref>
Movie2.png|'''Map''' '''screen''' in the [[Minecraft:A Minecraft Movie Live Event|Minecraft Movie Live Event]].
Ore UI development permissions first screen.jpg|A sneak peek of the permissions first screen.<ref name="ore-ui-permissions-first-screen-sneak-peek">{{tweet|xKingDark_|1689322408879038482|A new privacy and online safety screen has been added}}</ref>
Movie3.png|'''Return to Lobby''' confirmation dialog in the [[Minecraft:A Minecraft Movie Live Event|Minecraft Movie Live Event]].
Ore UI development permissions first screen 1.jpg|A sneak peek of the permissions first screen.<ref name="ore-ui-permissions-first-screen-sneak-peek" />
15 npc.png|'''NPC conversation''' '''screen''' in the [[Minecraft:15 Year Journey]].
Ore UI development select screenshot screen.jpg|A sneak peek of the select screenshot screen.<ref name="ore-ui-realms-stories-and-screenshot-screen-sneak-peek" />
15 Collected.png|'''Sticker collected''' screen in the [[Minecraft:15 Year Journey]].
Ore UI development add friend screen.jpg|A sneak peek of the add friend screen.<ref name="ore-ui-add-friend-screen-and-friends-drawer-sneak-peek">{{tweet|xKingDark_|1720404898888511740|Add friend screen and small change to the friends drawer}}</ref>
15 confirmation.png|'''Return to Hub''' confirmation dialog in the [[Minecraft:15 Year Journey]].
Ore UI development search for players screen.jpg|A sneak peek of the search for players screen.<ref name="ore-ui-search-for-players-and-profile-screen-sneak-peek">{{tweet|xKingDark_|1768461034501644447|New UIs, one for searching for players and the other one is a player profile.}}</ref>
</gallery>
</gallery>


== Videos ==
== Videos ==
; Ore UI Documentation
; Ore UI Documentation
This screen can only be access in Minecraft Bedrock Edition 1.20.0 (Dev).{{YT|1=v=NplrB97rKfM&t}}
The following screen can only be accessed in Minecraft Bedrock Edition 1.20.0 (Dev).{{YT|1=NplrB97rKfM}}


== References ==
== References ==
Line 1,038: Line 1,244:


[[Minecraft:pt:Ore UI]]
[[Minecraft:pt:Ore UI]]
[[Minecraft:ru:Ore UI]]
[[Minecraft:zh:Ore UI]]
[[Minecraft:zh:Ore UI]]

Latest revision as of 11:09, 8 September 2026

Template:Exclusive Template:Infobox program Ore UI is a collection of open source packages designed for building interactive Template:W Template:Ws using Template:W, written in the Template:W programming language and utilizing the Template:W library. It provides reusable building blocks for Template:W and general-purpose Template:Ws.<ref name="ore-ui-github">Template:Cite</ref> Ore UI is currently used in Minecraft games such as Template:BE, Minecraft:Bedrock Editor, Template:Edu, Minecraft:China Edition, and Template:MCL.

File:Ore UI Design System.png
Bedrock Edition's new UI design system overhaul<ref>Template:Tweet</ref>
File:Ore UI Design System Updated.png
The new UI design system overhaul (Updated version)<ref>Template:Cite</ref>

Template:IN, a new UI design system is being developed using the Gameface engine (formerly Hummingbird<ref name="gameface-former-hummingbird">Template:Cite</ref>) by Coherent Labs,<ref name="react-advanced-2021-ore-ui"/><ref name="dotjs-hummingbird-tech-preview">Template:Ytl</ref><ref name="powered-by-coherent-labs">Template:Cite</ref> which made it possible to run modern web technology such as Template:W, Template:W and Template:W.<ref name="coherent-gameface-product">Template:Cite</ref>

Development

Bedrock EditionTemplate:'s UI redesign tech preview

On November 9, 2018, Minecraft:Tobias Ahlin, the lead experience designer at Mojang Studios, announced a UI overhaul coming to Template:BE built on Hummingbird engine, which runs a subset of Template:W and Template:W, and a design system built with Template:W.<ref name="dotjs-hummingbird-tech-preview"/> A tech preview for the title screen redesign featuring a user-friendly input for touch, controller, and keyboard was shown at the dotJS 2018 developer conference.

File:DotJS 2018 Bedrock's UI redesign tech preview.png
The UI redesign tech preview, shown in dotJS 2018 developer conference

The new title screen from the tech preview features two pages. The top page shows the player's last played world, with the background UI that changes to match the world's thumbnail. The bottom page shows five interactable buttons and their actions possibly:

There is also a profile button (with the player's profile picture) on the top right corner, which likely lets the player navigate to their profile screen.

The website for Minecraft JavaScript API documentation was once available through a link which can be seen near the end of the talk; the documentation provides the page to the tech preview where users could freely interact with the redesigned user interface.<ref name="dotjs-hummingbird-tech-preview"/> The original link for the documentation now redirects to a completely different website, making the documentation inaccessible; it is now considered Template:W as it has not been archived elsewhere.

In beta 1.16.100.50, released on July 31, 2020, the new Minecraft:achievements screen was added. It was rolled out initially for 5 percent of the player base.<ref name="achievement-new-ui-rollout">Template:Tweet</ref> For the next 9 weeks, the number of players who could access the new achievement UI gradually increased from 5% to 75%.<ref name="achievement-new-ui-rollut-75">Template:Tweet</ref>

In the following years, more JSON UI menu screens were gradually refreshed with Ore UI, with design previews available in Minecraft:Minecraft Preview before full release in usually a few months. The internal resources for Ore UI include a texture atlas containing revamped textures for in-game GUIs, such as the Minecraft:inventory. These have been teased to be in early development.

React Facet

On October 18, 2021, the React Facet source code was published on Ore UI GitHub repository under the Template:W.<ref name="github-ore-ui-react-facet">Template:Cite</ref>

On October 25, 2021,<ref name="react-advanced-ragonha-talk-date">Template:Cite</ref> Paulo Ragonha, a tech lead at Mojang Studios, introduced React Facet, an Template:W-based state management for video game user interface built in React.<ref name="react-advanced-2021-ore-ui">Template:Ytl</ref> This was announced at the React Advanced 2021 developer conference. In the talk, Ragonha showcases how React Facet bridges game data by introducing a system that connects the Template:W C++ game engine (where the game's states reside) with the Template:W JavaScript UI. This connection relies on a concept called "facets", which are lightweight observable objects representing slices of the game's state. These facets allow the UI to subscribe to specific pieces of data from the game engine, such as player health, inventory, or environmental changes, and receive real-time updates as the state changes in the game.

Design system

The Ore UI design system can be found inside the Ore UI Developer Page section in the Minecraft Bedrock Developer Mode. For all texture elements, see Template:Slink.

Usage

Template:Expand section

File:Ore UI Controller Hints.png
The Play screen while using a controller with controller hints enabled

The menu screens updated with Ore UI implemented new features using the design system, such as informative (and sometimes humorous) descriptions, smaller fonts for readability, clearer and modern layouts, more responsive sliders, more different types of elements, and tags. The buttons are styled similarly to JSON UI, with updated looks, pressing animations, and exclusive sounds for progressive buttons. Certain menus have received additional animations and images, and all UI textures have been updated, including controller hints.

Unlike JSON UI, Ore UI menus are separated into sections containing the elements. Depending on the UI scaling, each section is individually scaled, leaving gaps for the Minecraft:panorama in smaller scales, while some elements like the top navigation bar remain responsive. Dropdown buttons, which open an options pop-up, are replaced with always visible toggle buttons on smaller UI scales. Ore UI supports an additional accessibility scaling option to increase the scaling.

Ore UI is currently used in the following Minecraft:menu screens (including sub-menus):

Bedrock Edition

Release

Additionally, the toast that appears after 15 minutes of inactivity, along with the overlay, is based on Ore UI.

Preview

Bedrock Editor

Release

Preview

Minecraft Education

Release

China Edition

Release

  • Skin store
  • Mod store
  • Play
  • Create new world
  • Mini map

Data-Driven UI

Template:Relevant category

File:MMBCVE Info Panel Intro.png
An Ore UI dialog in the Minecraft Movie Voting Event
File:DDUI.png
Some of the possibilities with the data-driven UI framework include games, search menus, and graphical command interfaces.

Minecraft:Add-on creators can utilize Minecraft:scripting to create custom dialogs using Ore UI (DDUI).<ref>Template:Citation</ref><ref>Template:Tweet</ref><ref>Template:Tweet</ref><ref>Template:Tweet</ref> Similar to JSON UI dialogs, this is implemented in the Template:Code module. Unlike JSON UI, data-driven UI dialogs can automatically update, and have more controls. They can also use Minecraft:text component format to style text, such as color coding and localization.

Furthermore, the dialogs have generally the same functions as JSON UI dialogs, but styled in Ore UI. Creators can use toggles, sliders, text input fields, dropdown, collapsible content, and even dynamic images.


Differences with JSON UI

Features JSON UI
(Legacy) 		Ore UI
(Modern)
Creator customization
  • Can be modified by resource packs to change layout and behavior.
  • Allows creating complex UI by directly modifying or defining UI controls and other elements through the Minecraft:JSON files.
Color codes and emojis Supports specific layout properties, color codes, and emojis. Does not support color codes<ref>Template:Tweet</ref><ref>Template:Bug</ref><ref>Template:Bug</ref> on various screens, however, on the Minecraft:death screen in the name of the player or item or Minecraft:mob that killed them, and on the new forms screen in the label it is supported, not understanding emojis<ref>Template:Cite</ref><ref>Template:Bug</ref> they are not supported natively in text fields.
Status Planned to be removed in future updates.Template:Citation needed Currently in active development.
Performance Can be unoptimized, leading to lower Template:W, long loading times, and general poor user experience, especially with a lot of custom UI.Template:Citation needed Aims for better performance, though some users have reported micro-freezes and lag issues<ref>Template:Bug</ref>, particularly on consoles.
Availability Available by default on screens that are not yet migrated to Ore UI. Available on a few select screens (Play, Minecraft:Settings, Create World, and Minecraft:Achievements), although it may fallback to legacy JSON UI in specific cases.Template:Info needed
Accessibility Limited built-in scaling. Better support for different screen sizes.
Visuals Pixel-perfect scaling; classic layout. Modern visuals, but cited for blurry text and clunky button spacing.
Technology Data-driven using Minecraft:JSON files. Developed using modern web technology (Template:W, Template:W, Template:W) and the Gameface engine by Coherent Labs.
Technical details UI elements are defined in resource packs, specifically under Template:Cd directory. UI elements are defined internally in the Template:W, specifically under Template:Cd.

Control icons

Template:Main

Keyboard and mouse controls

Template:Columns-list

Controller controls

Template:Tabber

Sounds

Template:SoundTable

History

Bedrock Edition

Template:HistoryTable

Bedrock Editor

Minecraft:Bedrock Editor
Version Preview version Release version Changelogs
0.3 Preview 1.19.80.20 – Create New Project screen has been added with Ore UI, available in Preview only.
Project Tool Mode screen has been added with Ore UI, available in Preview only.
0.8.0 – 1.21.50 Editor is released to the public and no longer in Preview only.
1.3.1 Preview 26.20.20 - Template:Animate Main menu screen has been updated to match Ore UI, available in Preview only.

Minecraft Education

Template:HistoryTable

Control

Template:HistoryTable

Ore UI releases

These are standalone Ore UI releases on GitHub.

Ore UI GitHub releases
Version What's changed Internal changes Date
0.1.2 Stabilize automated performance tests. – November 4, 2021
Add ESLint checks.
Fix Style updates not properly cleaning previous subscriptions.
0.1.3 Fix unmount cleanup of Facets. November 5, 2021
0.1.4 Separate Template:Cd support from set in facet. November 17, 2021
0.2.0 Add support for null values on some built-in equality checks. December 10, 2021
Add support for multiple facets in Template:Cd and Template:Cd.
0.2.1 Add "contribute" file with publishing documentation. December 15,2021
Fix Template:Cd return type.
0.2.2 Add login instructions to Template:Cd. December 20, 2021
Template:Cd setter memoized.
0.2.3 Add index to Map tests. February 8, 2022
Add a condition property to the Mount component.
Rename Template:Cd to Template:Cd and add a new Template:Cd.
Add With component to refine mounted components Facet type.
Deferred Mount feature: Template:Cd.
0.3.0 Add support for id attribute. Update Template:Cd. April 11, 2022
Fix missing public APIs from published npm package. Make the types defined in the hooks more dynamic.
Rename Template:Cd to Template:Cd. Add tscompiler paths for our packages.
Rename shared to shared-facet. Adding pr as a trigger of actions.
0.3.2 Introduce Template:Cd and Template:Cd helpers. – June 28, 2022
0.3.3 Update the types of the Template:Cd function. June 29, 2022
Fix circular dependency.
0.3.4 Fix line endings settings for prettier. July 14, 2022
Allow null as return value of the mount components.
0.3.5 Added a deferred mount config provider. July 25, 2022
0.3.6 Support Template:Cd handler. August 2, 2022
0.3.7 Fix memory leak caused by not removing child from parent. August 16, 2022
0.3.8 Fix Template:Cd Template:Cd to not fire for undefined or null. August 18, 2022
0.3.9 Added Template:Cd. August 24, 2022
0.3.10 Added Template:Cd to Template:Cd, and introduced Template:Cd. August 31, 2022
0.3.11 Support data- properties related to narration. September 14, 2022
0.3.12 Upgrade TypeScript version + tie VSCode TS version to workspace. September 21, 2022
0.4.0 Convert some key null coalescing operators into explicit ternaries. October 24, 2022
Move responsibility of cleaning up effects from facets to Template:Cd / Template:Cd.
0.4.1 Upgrade Yarn to 3.2.4. November 3, 2022
Turn off static access logs in test environment.
Added improved logging to static facet context.
0.4.2 Make it possible to supply an initial value for Template:Cd. December 6, 2022
Support Template:Cd in Template:Cd.
0.4.3 New linting rule to detect import issues.
0.4.4 Lock nodejs version. March 3, 2023
Fix Template:Cd having outdated values.
Fix Template:Cd mismatch subscriptions.
Only accept numerical characters if the input type is number.
0.4.5 Update the list of maintainers in the Template:Cd file. March 24, 2023
Keep Template:Cd instance same even if facets instances change.
0.5.0 Tweak Template:Cd typing. June 15, 2023
Adds support for custom equality checks on unwrap.
Batching support.
0.5.1 Add support for Gameface's cohinline attribute in dom-fiber. September 14, 2023
Update the list of maintainers in the Template:Cd file.
Force strict comparison Template:Cd.
Revert to using void as cleanup type for Template:Cd.
0.5.2 Adding bigint to Value type. September 25, 2023
0.5.3 Fix children being called with null and undefined. October 27, 2023
0.5.4 Added support for Template:Cd in our custom renderer. January 31, 2024
0.6.0 Added property count to Map to make length of provided array available. July 25, 2024
Cached maps Template:Cd can return values before any subscription.
0.6.1 Fix Template:Cd support for custom equality check.
0.6.2 Updated puppeteer to the latest version. March 12, 2025
Update the Template:Cd typing.
0.6.4 Correctly export Template:Cd from Template:Cd. April 3, 2025
18.0.0 Update to React 18. September 4, 2025
18.1.0 Support for React 18's Template:Cd and Template:Cd. September 17, 2025
18.2.0 Move documentation from separate branch to main branch. October 16, 2025
Added comment for code smell using Template:Cd.
Fix issue with incorrect typing for Template:Cd.
New Unwrap and Times helper components.
18.3.0 Documentation improvements & spring cleaning. October 28, 2025
Fix support for updating equality checks of Template:Cd.
18.4.0 Fix Template:Cd triggering Template:Cd. November 14, 2025
Fix edge case of effects without facets not running.
Fix external types of Template:Cd helper functions.
18.5.0 Copilot support. February 18, 2026
Support for new auxclick event.
18.6.0 Allow facets to be used as an initial value of Template:Cd. March 23, 2026

Issues

Template:Issue list

Trivia

  • The in-game descriptions of features are sometimes remarkable or humorous. Notable quotes are:
    • Explore a mysterious world where you build, collect, craft, and fight monsters.
    • Whatever the default game mode is... that's what you get.
    • You can't respawn if you die. Good luck! You'll need it.
    • A mysterious series of numbers used to create your world
    • Might want to build with stone
    • Red box goes boom
    • Enjoy Minecraft with friends
    • Minecraft is for everyone, including you
    • Shiny glint for enchanted items
    • Reverses up and down when looking around. A less common option for keyboard and mouse users, but you do you.
    • We didn't know where else to put these settings
    • Technical info that's not relevant to players. Feel free to have a look if you're curious!
    • Not a trick question. How smooth do you like your blocks?
    • Happy little clouds in the sky
    • Leaves but better
    • Bubbles with style
    • Minecraft, in full screen

Gallery

Screenshots

Bedrock Edition

Bedrock Editor

Minecraft Education

Minecraft China Edition

dotJS 2018

Ore UI-styled screenshots

These UIs take design inspiration from Minecraft:Bedrock Edition's UI redesign, and are not really implemented through Ore UI framework, instead they may use Minecraft:resource pack or different implementation based on JSON UI.

Development gallery

Atlas

announcement

Sign in

Cape

Achievement

Inbox

Profile

Play

Screenshots

Videos

Create new world

Edit world

Death

Sleep

Error

Bedrock editor

Gameplay

Template:Main

Screenshots

Videos

Player permission

Party

Disconnected

Quick world creation

Realms

Realms stories

Realms hub

Other

Videos

Ore UI Documentation

The following screen can only be accessed in Minecraft Bedrock Edition 1.20.0 (Dev).Template:YT

References

Template:Reflist

External links

GitHub

Data-Driven UI

Documentation

GitHub

Feedback

Navigation

Template:Navbox Bedrock Edition Template:Navbox Education

Minecraft:pt:Ore UI Minecraft:ru:Ore UI Minecraft:zh:Ore UI

Retrieved from "https://wiki.sasgaming.net/index.php?title=Minecraft:Ore_UI&oldid=195386"
Contents