Toggle menu
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
SyncBot (talk | contribs)
Remove broken links to missing pages
SyncBot (talk | contribs)
Fix template calls: add MC/ prefix
Line 1: Line 1:
{{Exclusive|Bedrock|Education|China}}
{{MC/Exclusive|Bedrock|Education|China}}
{{Infobox program
{{Infobox program
| image = Ore UI.png
| image = Ore UI.png
Line 6: Line 6:
| developer = Paulo Ragonha, Fernando Vía Canel, Marlon Huber-Smith, Anna Päärni, Oleg Kozitsyn, Danila Dergachev, Omar ElGaml, James Nicholls
| developer = Paulo Ragonha, Fernando Vía Canel, Marlon Huber-Smith, Anna Päärni, Oleg Kozitsyn, Danila Dergachev, Omar ElGaml, James Nicholls
| publisher = Mojang Studios
| publisher = Mojang Studios
| platform = Same as in {{BE}}, {{Edu}}, and ''[[Minecraft:China Edition]]''
| platform = Same as in {{MC/BE}}, {{MC/Edu}}, and ''[[Minecraft:China Edition]]''
| engine = [https://coherent-labs.com/products/coherent-gameface/ Coherent Gameface]
| engine = [https://coherent-labs.com/products/coherent-gameface/ Coherent Gameface]
| programming language = {{w|TypeScript}} and {{w|JavaScript}}
| programming language = {{MC/W|TypeScript}} and {{MC/W|JavaScript}}
| version = React Facet: [https://github.com/Mojang/ore-ui/releases/tag/v18.6.0 v18.6.0]
| version = React Facet: [https://github.com/Mojang/ore-ui/releases/tag/v18.6.0 v18.6.0]
| date = First commit on October 11, 2021<ref>{{cite|url=https://github.com/Mojang/ore-ui/commit/a899c6ac2d3935556e38befd5a350127f8114284|title=first commit · Mojang/ore-ui@a899c6a|website=GitHub}}</ref>
| date = First commit on October 11, 2021<ref>{{cite|url=https://github.com/Mojang/ore-ui/commit/a899c6ac2d3935556e38befd5a350127f8114284|title=first commit · Mojang/ore-ui@a899c6a|website=GitHub}}</ref>
| size = 1.57MB
| size = 1.57MB
| license = {{w|MIT License}}
| license = {{MC/W|MIT License}}
| source available = Yes
| source available = Yes
| website = https://github.com/Mojang/ore-ui
| website = https://github.com/Mojang/ore-ui
}}
}}
'''Ore UI''' is a collection of open source packages designed for building interactive {{w|video game}} {{w|user interface}}s using {{w|web technology}}, written in the {{w|TypeScript}} programming language and utilizing the {{w|React (software)|React}} library. It provides reusable building blocks for {{w|video game development}} and general-purpose {{w|web application}}s.<ref name="ore-ui-github">{{cite|url=https://github.com/Mojang/ore-ui|title=Mojang/ore-ui: 💎 Building blocks to construct game UIs using web tech.|website=GitHub}}</ref> Ore UI is currently used in Minecraft games such as {{BE}}, ''[[Minecraft:Bedrock Editor]]'', {{Edu}}, ''[[Minecraft:China Edition]]'', and {{MCL}}.
'''Ore UI''' is a collection of open source packages designed for building interactive {{MC/W|video game}} {{MC/W|user interface}}s using {{MC/W|web technology}}, written in the {{MC/W|TypeScript}} programming language and utilizing the {{MC/W|React (software)|React}} library. It provides reusable building blocks for {{MC/W|video game development}} and general-purpose {{MC/W|web application}}s.<ref name="ore-ui-github">{{cite|url=https://github.com/Mojang/ore-ui|title=Mojang/ore-ui: 💎 Building blocks to construct game UIs using web tech.|website=GitHub}}</ref> Ore UI is currently used in Minecraft games such as {{MC/BE}}, ''[[Minecraft:Bedrock Editor]]'', {{MC/Edu}}, ''[[Minecraft:China Edition]]'', and {{MC/MCL}}.


[[File:Ore UI Design System.png|thumb|''Bedrock Edition'''s new UI design system overhaul<ref>{{tweet|pirelenito|1452914034605494277|Thanks for everyone that attended my talk live at @ReactAdvanced. For anyone that couldn't attend, I'll post a link here once it is available for everyone. It was a developer conference, but if you were waiting for a sneak peek on the new UI components... here it is ☺️}}</ref>]]
[[File:Ore UI Design System.png|thumb|''Bedrock Edition'''s new UI design system overhaul<ref>{{tweet|pirelenito|1452914034605494277|Thanks for everyone that attended my talk live at @ReactAdvanced. For anyone that couldn't attend, I'll post a link here once it is available for everyone. It was a developer conference, but if you were waiting for a sneak peek on the new UI components... here it is ☺️}}</ref>]]
[[File:Ore UI Design System Updated.png|thumb|Th<nowiki/>e new UI design system overhaul (Updated version)<ref>{{cite|url=https://sebmelchor.com/#:~:text=creating%20and%20building.-,Mojang%202022%20%2D%20Now,-Senior%20UX/UI|title=Mojang 2022 - Now|website=Senior UX/UI Designer}}</ref>]]
[[File:Ore UI Design System Updated.png|thumb|Th<nowiki/>e new UI design system overhaul (Updated version)<ref>{{cite|url=https://sebmelchor.com/#:~:text=creating%20and%20building.-,Mojang%202022%20%2D%20Now,-Senior%20UX/UI|title=Mojang 2022 - Now|website=Senior UX/UI Designer}}</ref>]]


{{IN|bedrock}}, a new UI design system is being developed using the Gameface engine (formerly Hummingbird<ref name="gameface-former-hummingbird">{{cite|url=https://wiki.bedrock.dev/meta/gametest-qna.html#hummingbird-ui|title=GameTest Q&A 2021/08/06|website=Bedrock Wiki}}</ref>) by Coherent Labs,<ref name="react-advanced-2021-ore-ui"/><ref name="dotjs-hummingbird-tech-preview">{{ytl|qDevZETe8OE|dotJS 2018 - Tobias Ahlin - Adding JavaScript to Minecraft|March 4, 2019}}</ref><ref name="powered-by-coherent-labs">{{cite|url=https://www.coherent-labs.com/powered-by-coherent-labs/|title=Powered by Coherent Labs|website=Coherent Labs}}</ref> which made it possible to run modern web technology such as {{w|JavaScript}}, {{w|HTML}} and {{w|CSS}}.<ref name="coherent-gameface-product">{{cite|url=https://www.coherent-labs.com/products/coherent-gameface/|title=Coherent Gameface|website=Coherent Labs}}</ref>
{{MC/In|bedrock}}, a new UI design system is being developed using the Gameface engine (formerly Hummingbird<ref name="gameface-former-hummingbird">{{cite|url=https://wiki.bedrock.dev/meta/gametest-qna.html#hummingbird-ui|title=GameTest Q&A 2021/08/06|website=Bedrock Wiki}}</ref>) by Coherent Labs,<ref name="react-advanced-2021-ore-ui"/><ref name="dotjs-hummingbird-tech-preview">{{MC/Ytl|qDevZETe8OE|dotJS 2018 - Tobias Ahlin - Adding JavaScript to Minecraft|March 4, 2019}}</ref><ref name="powered-by-coherent-labs">{{cite|url=https://www.coherent-labs.com/powered-by-coherent-labs/|title=Powered by Coherent Labs|website=Coherent Labs}}</ref> which made it possible to run modern web technology such as {{MC/W|JavaScript}}, {{MC/W|HTML}} and {{MC/W|CSS}}.<ref name="coherent-gameface-product">{{cite|url=https://www.coherent-labs.com/products/coherent-gameface/|title=Coherent Gameface|website=Coherent Labs}}</ref>


== Development ==
== Development ==
=== ''Bedrock Edition''{{'}}s UI redesign tech preview ===
=== ''Bedrock Edition''{{MC/'}}s UI redesign tech preview ===
On November 9, 2018, Tobias Ahlin, the lead experience designer at Mojang Studios, announced a UI overhaul coming to {{BE}} built on Hummingbird engine, which runs a subset of {{w|HTML}} and {{w|CSS}}, and a design system built with {{w|React}}.<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.
On November 9, 2018, Tobias Ahlin, the lead experience designer at Mojang Studios, announced a UI overhaul coming to {{MC/BE}} built on Hummingbird engine, which runs a subset of {{MC/W|HTML}} and {{MC/W|CSS}}, and a design system built with {{MC/W|React}}.<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|thumb|The UI redesign tech preview, shown in dotJS 2018 developer conference]]
[[File:DotJS 2018 Bedrock's UI redesign tech preview.png|thumb|The UI redesign tech preview, shown in dotJS 2018 developer conference]]
Line 36: Line 36:
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 [[Minecraft:Social#Profile|profile]] screen.
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 [[Minecraft:Social#Profile|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 {{w|lost media}} as it has not been archived elsewhere.
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 {{MC/W|lost media}} as it has not been archived elsewhere.


In [[Minecraft:Bedrock Edition beta 1.16.100.50|beta 1.16.100.50]], released on July 31, 2020, the new [[Minecraft:achievement]]s screen was added. It was rolled out initially for 5 percent of the player base.<ref name="achievement-new-ui-rollout">{{tweet|Volgar|1289257749751058432|Uh-oh! I think I pressed something, and now 5% of #Minecraft beta users will see the new achievements screen. Well, might as well ask for feedback here: https://aka.ms/mcAchievementBeta.|July 31, 2020}}</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">{{tweet|Volgar|1337166293431169024|I'll provide more context later, but... jam. It gets everywhere. Hence, a whopping 75% of #Minecraft players have a chance to see the new achievements screen both in the latest release and the latest beta. Stay tuned! Ta-tah!}}</ref>
In [[Minecraft:Bedrock Edition beta 1.16.100.50|beta 1.16.100.50]], released on July 31, 2020, the new [[Minecraft:achievement]]s screen was added. It was rolled out initially for 5 percent of the player base.<ref name="achievement-new-ui-rollout">{{tweet|Volgar|1289257749751058432|Uh-oh! I think I pressed something, and now 5% of #Minecraft beta users will see the new achievements screen. Well, might as well ask for feedback here: https://aka.ms/mcAchievementBeta.|July 31, 2020}}</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">{{tweet|Volgar|1337166293431169024|I'll provide more context later, but... jam. It gets everywhere. Hence, a whopping 75% of #Minecraft players have a chance to see the new achievements screen both in the latest release and the latest beta. Stay tuned! Ta-tah!}}</ref>
Line 43: Line 43:


=== React Facet ===
=== React Facet ===
On October 18, 2021, the React Facet source code was published on [https://github.com/Mojang/ore-ui Ore UI GitHub repository] under the {{w|MIT License}}.<ref name="github-ore-ui-react-facet">{{cite|url=https://github.com/Mojang/ore-ui/commit/96c107cea826379efbd76342fdf1e37789b53b36|title=Importing codebase from internal repository (#1) · Mojang/ore-ui@96c107c|website=GitHub}}</ref>
On October 18, 2021, the React Facet source code was published on [https://github.com/Mojang/ore-ui Ore UI GitHub repository] under the {{MC/W|MIT License}}.<ref name="github-ore-ui-react-facet">{{cite|url=https://github.com/Mojang/ore-ui/commit/96c107cea826379efbd76342fdf1e37789b53b36|title=Importing codebase from internal repository (#1) · Mojang/ore-ui@96c107c|website=GitHub}}</ref>


On October 25, 2021,<ref name="react-advanced-ragonha-talk-date">{{cite|url=https://reactadvanced.com/2021/#schedule|title=Schedule|website=React Advanced}}</ref> Paulo Ragonha, a tech lead at Mojang Studios, introduced React Facet, an {{w|Observer pattern|observable}}-based state management for video game user interface built in React.<ref name="react-advanced-2021-ore-ui">{{ytl|Vyg1oQI1VaA|Using React to Build Performant Game UIs in Minecraft - Paulo Ragonha, React Advanced 2021|December 27, 2021}}</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 {{w|Frontend and backend|backend}} C++ game engine (where the game's states reside) with the {{w|Frontend and backend|frontend}} 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.
On October 25, 2021,<ref name="react-advanced-ragonha-talk-date">{{cite|url=https://reactadvanced.com/2021/#schedule|title=Schedule|website=React Advanced}}</ref> Paulo Ragonha, a tech lead at Mojang Studios, introduced React Facet, an {{MC/W|Observer pattern|observable}}-based state management for video game user interface built in React.<ref name="react-advanced-2021-ore-ui">{{MC/Ytl|Vyg1oQI1VaA|Using React to Build Performant Game UIs in Minecraft - Paulo Ragonha, React Advanced 2021|December 27, 2021}}</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 {{MC/W|Frontend and backend|backend}} C++ game engine (where the game's states reside) with the {{MC/W|Frontend and backend|frontend}} 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 ==
== Design system ==
Line 140: Line 140:
| 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|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}} 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 {{MC/Cd|@minecraft/server-ui}} scripting module, though it does not directly interface with the HTML UI, and allowing few basic UI elements.
|-
|-
! Color codes and emojis
! Color codes and emojis
Line 151: Line 151:
|-
|-
! 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 {{MC/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, particularly on consoles.
| Aims for better performance, though some users have reported micro-freezes and lag issues, particularly on consoles.
|-
|-
! Availability
! Availability
| Available by default on screens that are not yet migrated to Ore UI.
| Available by default on screens that are not yet migrated to Ore UI.
| Available on few select screens (Play, [[Minecraft:Settings]], Create World, and [[Minecraft:Achievement]]s). Though it may fallback to legacy JSON UI on specific cases.{{info needed}}
| Available on few select screens (Play, [[Minecraft:Settings]], Create World, and [[Minecraft:Achievement]]s). Though it may fallback to legacy JSON UI on specific cases.{{MC/Info needed}}
|-
|-
! Accessibility
! Accessibility
Line 168: Line 168:
! Technology
! Technology
| Data-driven using [[Minecraft:JSON]] files.
| Data-driven using [[Minecraft:JSON]] files.
| Developed using modern web technology ({{w|JavaScript}}, {{w|HTML}}, {{w|CSS}}) and the Gameface engine by Coherent Labs.
| Developed using modern web technology ({{MC/W|JavaScript}}, {{MC/W|HTML}}, {{MC/W|CSS}}) and the Gameface engine by Coherent Labs.
|-
|-
! Technical details
! Technical details
| UI elements are defined in resource packs, specifically under {{cd|<resource pack>/ui}} directory.
| UI elements are defined in resource packs, specifically under {{MC/Cd|<resource pack>/ui}} directory.
| UI elements are defined internally in the {{w|Content|game's installation files}}, specifically under {{cd|Content/data/gui/dist/hbui}}.
| UI elements are defined internally in the {{MC/W|Content|game's installation files}}, specifically under {{MC/Cd|Content/data/gui/dist/hbui}}.
|}
|}


== Control icons ==
== Control icons ==
{{main|Controls}}
{{MC/Main|Controls}}
=== Keyboard and mouse controls ===
=== Keyboard and mouse controls ===
{{columns-list|colwidth=19em|
{{MC/Columns-list|colwidth=19em|
*[[File:Ore UI - Control Icon - Keyboard A (Bedrock).png|30px]] Key A
*[[File:Ore UI - Control Icon - Keyboard A (Bedrock).png|30px]] Key A
*[[File:Ore UI - Control Icon - Keyboard B (Bedrock).png|30px]] Key B
*[[File:Ore UI - Control Icon - Keyboard B (Bedrock).png|30px]] Key B
Line 234: Line 234:
|tabname1=Nintendo Switch
|tabname1=Nintendo Switch
|tabcontent1=
|tabcontent1=
{{columns-list|colwidth=19em|
{{MC/Columns-list|colwidth=19em|
*[[File:Ore UI - Control Icon - Nintendo Switch X Button (Bedrock).png|30px]] X button
*[[File:Ore UI - Control Icon - Nintendo Switch X Button (Bedrock).png|30px]] X button
*[[File:Ore UI - Control Icon - Nintendo Switch A Button (Bedrock).png|30px]] A button
*[[File:Ore UI - Control Icon - Nintendo Switch A Button (Bedrock).png|30px]] A button
Line 264: Line 264:
|tabname2=PlayStation 4
|tabname2=PlayStation 4
|tabcontent2=
|tabcontent2=
{{columns-list|colwidth=19em|
{{MC/Columns-list|colwidth=19em|
*[[File:Ore UI - Control Icon - PlayStation 4 Triangle Button (Bedrock).png|30px]] Triangle button
*[[File:Ore UI - Control Icon - PlayStation 4 Triangle Button (Bedrock).png|30px]] Triangle button
*[[File:Ore UI - Control Icon - PlayStation 4 O Button (Bedrock).png|30px]] O button
*[[File:Ore UI - Control Icon - PlayStation 4 O Button (Bedrock).png|30px]] O button
Line 294: Line 294:
|tabname3=PlayStation 5
|tabname3=PlayStation 5
|tabcontent3=
|tabcontent3=
{{columns-list|colwidth=19em|
{{MC/Columns-list|colwidth=19em|
*[[File:Ore UI - Control Icon - PlayStation 5 Triangle Button (Bedrock).png|30px]] Triangle button
*[[File:Ore UI - Control Icon - PlayStation 5 Triangle Button (Bedrock).png|30px]] Triangle button
*[[File:Ore UI - Control Icon - PlayStation 5 O Button (Bedrock).png|30px]] O button
*[[File:Ore UI - Control Icon - PlayStation 5 O Button (Bedrock).png|30px]] O button
Line 324: Line 324:
|tabname4=Xbox
|tabname4=Xbox
|tabcontent4=
|tabcontent4=
{{columns-list|colwidth=19em|
{{MC/Columns-list|colwidth=19em|
*[[File:Ore UI - Control Icon - Xbox Y Button (Bedrock).png|30px]] Y button
*[[File:Ore UI - Control Icon - Xbox Y Button (Bedrock).png|30px]] Y button
*[[File:Ore UI - Control Icon - Xbox B Button (Bedrock).png|30px]] B button
*[[File:Ore UI - Control Icon - Xbox B Button (Bedrock).png|30px]] B button
Line 355: Line 355:


== Sounds ==
== Sounds ==
{{expand section|Missing technical information and some sounds like the hardcore toggle.}}
{{MC/Expand section|Missing technical information and some sounds like the hardcore toggle.}}
{{SoundTable
{{SoundTable
|{{SoundLine
|{{SoundLine
Line 411: Line 411:
=== ''Bedrock Edition'' ===
=== ''Bedrock Edition'' ===
{{HistoryTable
{{HistoryTable
|{{HistoryLine|bedrock}}
|{{MC/HistoryLine|bedrock}}
|{{HistoryLine||1.16.100|dev=beta 1.16.100.50|[[File:New UI - Achievements Screen Menu (Bedrock Beta 1.16.100.50).png|45px]] [[Minecraft:Achievement]] screen has been updated to match Ore UI, rolled out gradually for 5% players<ref name="achievement-new-ui-rollout"/>.}}
|{{MC/HistoryLine||1.16.100|dev=beta 1.16.100.50|[[File:New UI - Achievements Screen Menu (Bedrock Beta 1.16.100.50).png|45px]] [[Minecraft:Achievement]] screen has been updated to match Ore UI, rolled out gradually for 5% players<ref name="achievement-new-ui-rollout"/>.}}
|{{HistoryLine||beta 1.18.20.21|[[File:New UI - Create New World Screen Menu (Bedrock Beta 1.18.20.21).png|53px]] Create New World screen has been updated to match Ore UI, available in beta only.}}
|{{MC/HistoryLine||beta 1.18.20.21|[[File:New UI - Create New World Screen Menu (Bedrock Beta 1.18.20.21).png|53px]] Create New World screen has been updated to match Ore UI, available in beta only.}}
|{{HistoryLine||1.19.20|Create New World screen is released to the public and no longer in [[Minecraft:Minecraft Preview|''Preview'']] only.}}
|{{MC/HistoryLine||1.19.20|Create New World screen is released to the public and no longer in [[Minecraft:Minecraft Preview|''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.}}
|{{MC/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.}}
|{{MC/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.}}
|{{MC/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.50|Control mode screen is released to the public and no longer in ''Preview'' only.
|{{MC/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.}}
|{{HistoryLine||Preview 1.19.80.20|[[File:New UI - Death Screen Menu - Efe Died (Bedrock Preview 1.19.80.20).png|53px]] Experimental Death screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.19.80.20|[[File:New UI - Death Screen Menu - Efe Died (Bedrock Preview 1.19.80.20).png|53px]] Experimental Death screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.19.80|dev=Preview 1.19.80.21|{{animate|New UI - Sign In Screen Menu - Welcome to Minecraft (Bedrock Preview 1.19.80.21).png;New UI - Sign In Screen Menu - Sign In to Earn Achievements (Bedrock Preview 1.19.80.21).png;New UI - Sign In Screen Menu - Sign In to Start Playing with Cross-Platform Friends (Bedrock Preview 1.19.80.21).png;New UI - Sign In Screen Menu - Sign In to Save Purchases (Bedrock Preview 1.19.80.21).png|53px}} Sign in screen has been updated to match Ore UI.}}
|{{HistoryLine||1.19.80|dev=Preview 1.19.80.21|{{MC/Animate|New UI - Sign In Screen Menu - Welcome to Minecraft (Bedrock Preview 1.19.80.21).png;New UI - Sign In Screen Menu - Sign In to Earn Achievements (Bedrock Preview 1.19.80.21).png;New UI - Sign In Screen Menu - Sign In to Start Playing with Cross-Platform Friends (Bedrock Preview 1.19.80.21).png;New UI - Sign In Screen Menu - Sign In to Save Purchases (Bedrock Preview 1.19.80.21).png|53px}} Sign in screen has been updated to match Ore UI.}}
|{{HistoryLine||Preview 1.20.30.22|[[File:New UI - Play Screen Menu "Worlds" Tab (Bedrock Preview 1.20.30.22).png|53px]] "Worlds" tab in Play screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.20.30.22|[[File:New UI - Play Screen Menu "Worlds" Tab (Bedrock Preview 1.20.30.22).png|53px]] "Worlds" tab in Play screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.20.30|[[File:New UI - Death Screen Menu - Steve Died (Bedrock 1.20.30).png|53px]] Experimental Death screen is released to the public and no longer in ''Preview'' only.}}
|{{MC/HistoryLine||1.20.30|[[File:New UI - Death Screen Menu - Steve Died (Bedrock 1.20.30).png|53px]] Experimental 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.}}
|{{MC/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]] 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]] 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]] 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]] 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]] Quick World Creation has been added with Ore UI.}}
|{{MC/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]] Quick World Creation has been added with Ore UI.}}
|{{HistoryLine||Preview 1.20.80.21|[[File:New UI - Play Screen Menu "Servers" Tab (Bedrock Preview 1.20.80.21).png|53px]] "Servers" tab in the Play screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.20.80.21|[[File:New UI - Play Screen Menu "Servers" Tab (Bedrock Preview 1.20.80.21).png|53px]] "Servers" tab in the Play screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.20.80|dev=Preview 1.20.80.23|[[File:New UI - Search for Players Screen Menu (Bedrock Preview 1.20.80.23).png|53px]] [[Minecraft:Social#Friends|Search for players]] screen has been updated to match Ore UI.|Death screen is no longer experimental.}}
|{{MC/HistoryLine||1.20.80|dev=Preview 1.20.80.23|[[File:New UI - Search for Players Screen Menu (Bedrock Preview 1.20.80.23).png|53px]] [[Minecraft:Social#Friends|Search for players]] screen has been updated to match Ore UI.|Death screen is no longer experimental.}}
|{{HistoryLine|||dev=Release|Realms Stories screen is released to the public and no longer in ''Preview'' only.}}
|{{MC/HistoryLine|||dev=Release|Realms Stories screen is released to the public and no longer in ''Preview'' only.}}
|{{HistoryLine||1.21.0|dev=Preview 1.21.0.20|[[File:New UI - Profile Screen Menu (Bedrock Preview 1.21.0.20).png|53px]] [[Minecraft:Social#Profile|Profile]] screen has been updated to match Ore UI.}}
|{{MC/HistoryLine||1.21.0|dev=Preview 1.21.0.20|[[File:New UI - Profile Screen Menu (Bedrock Preview 1.21.0.20).png|53px]] [[Minecraft:Social#Profile|Profile]] screen has been updated to match Ore UI.}}
|{{HistoryLine||1.21.20|dev=Preview 1.21.10.21|[[File:New UI - Updated Control Mode Screen Menu (Bedrock Preview 1.21.10.21).png|53px]] Changed the appearance of the Control mode screen.}}
|{{MC/HistoryLine||1.21.20|dev=Preview 1.21.10.21|[[File:New UI - Updated Control Mode Screen Menu (Bedrock Preview 1.21.10.21).png|53px]] Changed the appearance of the Control mode screen.}}
|{{HistoryLine|||dev=Preview 1.21.20.21|[[File:New UI - Sleep Screen Menu (Bedrock Preview 1.21.20.21).png|53px]] Experimental [[Minecraft:Bed#Sleeping|Sleep]] screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine|||dev=Preview 1.21.20.21|[[File:New UI - Sleep Screen Menu (Bedrock Preview 1.21.20.21).png|53px]] Experimental [[Minecraft:Bed#Sleeping|Sleep]] screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine|||dev=Release|Achievement button in main menu and game menu has been replaced with the profile button, along with the new profile screen, showing the player's statistics and achievements.{{verify|Somehow reverted / associated with [[Minecraft:Bedrock Edition Preview 1.21.30.22]]}}}}
|{{HistoryLine|||dev=Release|Achievement button in main menu and game menu has been replaced with the profile button, along with the new profile screen, showing the player's statistics and achievements.{{MC/Verify|Somehow reverted / associated with [[Minecraft:Bedrock Edition Preview 1.21.30.22]]}}}}
|{{HistoryLine||1.21.30|dev=Preview 1.21.30.22|[[File:New UI - Screenshot Gallery Screen Menu (Bedrock Preview 1.21.30.22).png|53px]] [[Minecraft:Screenshot#Bedrock Edition|Screenshot Gallery]] screen in profile screen has been added with Ore UI.}}
|{{MC/HistoryLine||1.21.30|dev=Preview 1.21.30.22|[[File:New UI - Screenshot Gallery Screen Menu (Bedrock Preview 1.21.30.22).png|53px]] [[Minecraft:Screenshot#Bedrock Edition|Screenshot Gallery]] screen in profile screen has been added with Ore UI.}}
|{{HistoryLine||Preview 1.21.30.24|[[File:New UI - Play Screen "Worlds" Tab - Create From Template Button Screen Menu (Bedrock Preview 1.21.30.24).png|53px]] Create from template screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.21.30.24|[[File:New UI - Play Screen "Worlds" Tab - Create From Template Button Screen Menu (Bedrock Preview 1.21.30.24).png|53px]] Create from template screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 1.21.40.22|[[File:New UI - Play Screen Menu "Realms" Tab (Bedrock Preview 1.21.40.22).png|53px]] "Realms" tab in the Play screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.21.40.22|[[File:New UI - Play Screen Menu "Realms" Tab (Bedrock Preview 1.21.40.22).png|53px]] "Realms" tab in the Play screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.21.50|dev=Preview 1.21.50.24|Sleep screen is released to the public and no longer experimental or in ''Preview'' only.}}
|{{MC/HistoryLine||1.21.50|dev=Preview 1.21.50.24|Sleep screen is released to the public and no longer experimental or in ''Preview'' only.}}
|{{HistoryLine||December 28, 2024|link=https://x.com/Volgar/status/1872771566146338897?t=181j8xNYHPvkQgK0P4T3Ng&s=19|Edit World screen is released to the public and no longer in ''Preview'' only.}}
|{{MC/HistoryLine||December 28, 2024|link=https://x.com/Volgar/status/1872771566146338897?t=181j8xNYHPvkQgK0P4T3Ng&s=19|Edit World screen is released to the public and no longer in ''Preview'' only.}}
|{{HistoryLine||1.21.60|Play screen is released to the public and no longer in ''Preview'' only.}}
|{{MC/HistoryLine||1.21.60|Play screen is released to the public and no longer in ''Preview'' only.}}
|{{HistoryLine||1.21.70|dev=Preview 1.21.70.22|[[File:New UI - Player Permissions Screen Menu (Bedrock Preview 1.21.70.22).png|53px]] [[Minecraft:Permission level#Player Permissions|Player Permissions]] screen in the game menu has been updated to match Ore UI.}}
|{{MC/HistoryLine||1.21.70|dev=Preview 1.21.70.22|[[File:New UI - Player Permissions Screen Menu (Bedrock Preview 1.21.70.22).png|53px]] [[Minecraft:Permission level#Player Permissions|Player Permissions]] screen in the game menu has been updated to match Ore UI.}}
|{{HistoryLine|||dev=Preview 1.21.70.23|[[File:New UI - Updated Report Bad Behavior Screen Menu (Bedrock Preview 1.21.70.23).png|53px]] The Report Bad Behavior (previously Report) screen has been updated.}}
|{{MC/HistoryLine|||dev=Preview 1.21.70.23|[[File:New UI - Updated Report Bad Behavior Screen Menu (Bedrock Preview 1.21.70.23).png|53px]] The Report Bad Behavior (previously Report) screen has been updated.}}
|{{HistoryLine|||dev=Release|[[File:New UI - Main Menu - Multiplayer Screen Menu "Friends" Tab (Bedrock 1.21.70).png|43px]] The "[[Minecraft:Social#Friends|Friends]]" drawer is now accessible from the main menu and the game menu, only for some players and not for long.}}
|{{MC/HistoryLine|||dev=Release|[[File:New UI - Main Menu - Multiplayer Screen Menu "Friends" Tab (Bedrock 1.21.70).png|43px]] The "[[Minecraft:Social#Friends|Friends]]" drawer is now accessible from the main menu and the game menu, only for some players and not for long.}}
|{{HistoryLine||Preview 1.21.80.25|[[File:New UI - Disconnected Screen Menu (Bedrock Preview 1.21.80.25).png|53px]] Error screen on world load has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.21.80.25|[[File:New UI - Disconnected Screen Menu (Bedrock Preview 1.21.80.25).png|53px]] Error screen on world load has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.21.90|dev=Preview 1.21.90.25|[[File:New UI - Quick World Creation - Select Character Screen Menu (Bedrock Preview 1.21.90.25).png|53px]] [[File:New UI - Quick World Creation - Ready To Play Screen Menu (Bedrock Preview 1.21.90.25).png|53px]] Quick world creation has been expanded with character selection and ready to play screens.}}
|{{MC/HistoryLine||1.21.90|dev=Preview 1.21.90.25|[[File:New UI - Quick World Creation - Select Character Screen Menu (Bedrock Preview 1.21.90.25).png|53px]] [[File:New UI - Quick World Creation - Ready To Play Screen Menu (Bedrock Preview 1.21.90.25).png|53px]] Quick world creation has been expanded with character selection and ready to play screens.}}
|{{HistoryLine||Preview 1.21.100.20|[[File:New UI - Audio Settings Screen Menu (Bedrock Preview 1.21.100.20).png|53px]] [[Minecraft:Settings#Audio|Audio]] settings screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.21.100.20|[[File:New UI - Audio Settings Screen Menu (Bedrock Preview 1.21.100.20).png|53px]] [[Minecraft:Settings#Audio|Audio]] settings screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.21.100|dev=Preview 1.21.100.22|[[File:New UI - Updated Disconnected Screen Menu - Show Details Button (Bedrock Preview 1.21.100.22).png|53px]] [[File:New UI - Disconnected Screen - Show Details Button - Error Details Screen Menu (Bedrock Preview 1.21.100.22).png|53px]] Added Error Details screen to the error screen on world load.|Error screen on world load is released to the public and no longer ''Preview'' only.}}
|{{MC/HistoryLine||1.21.100|dev=Preview 1.21.100.22|[[File:New UI - Updated Disconnected Screen Menu - Show Details Button (Bedrock Preview 1.21.100.22).png|53px]] [[File:New UI - Disconnected Screen - Show Details Button - Error Details Screen Menu (Bedrock Preview 1.21.100.22).png|53px]] Added Error Details screen to the error screen on world load.|Error screen on world load is released to the public and no longer ''Preview'' only.}}
|{{HistoryLine||Preview 1.21.110.20|[[File:New UI - Edit World Realms Screen Menu (Bedrock Preview 1.21.110.20).png|45px]] The Edit World screen for [[Minecraft:Realms]] has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.21.110.20|[[File:New UI - Edit World Realms Screen Menu (Bedrock Preview 1.21.110.20).png|45px]] The Edit World screen for [[Minecraft:Realms]] has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 1.21.110.25|[[File:New UI - Pause Menu "Social" Tab - People Screen Menu (Bedrock Preview 1.21.110.25).png|53px]] An updated "Social" tab has been added to the game menu, available in ''Preview'' only.|"Friends" tab has been renamed to "Social" tab, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.21.110.25|[[File:New UI - Pause Menu "Social" Tab - People Screen Menu (Bedrock Preview 1.21.110.25).png|53px]] An updated "Social" tab has been added to the game menu, available in ''Preview'' only.|"Friends" tab has been renamed to "Social" tab, available in ''Preview'' only.}}
|{{HistoryLine||1.21.111|[[File:New UI - Updated Achievements Screen Menu (Bedrock 1.21.111).png|45px]] Achievement screen has been redesigned.}}
|{{MC/HistoryLine||1.21.111|[[File:New UI - Updated Achievements Screen Menu (Bedrock 1.21.111).png|45px]] Achievement screen has been redesigned.}}
|{{HistoryLine||Preview 1.21.120.22|[[File:New UI - Accessibility Settings Screen Menu (Bedrock Preview 1.21.120.22).png|53px]] [[File:New UI - Language Settings Screen Menu (Bedrock Preview 1.21.120.22).png|53px]] [[Minecraft:Settings#Accessibility|Accessibility]] and [[Minecraft:Settings#Language|Language]] settings screens have been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.21.120.22|[[File:New UI - Accessibility Settings Screen Menu (Bedrock Preview 1.21.120.22).png|53px]] [[File:New UI - Language Settings Screen Menu (Bedrock Preview 1.21.120.22).png|53px]] [[Minecraft:Settings#Accessibility|Accessibility]] and [[Minecraft:Settings#Language|Language]] settings screens have been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||1.21.120|dev=Preview 1.21.120.23|[[File:New UI - Updated Disconnected Screen Menu - Learn More Button (Bedrock Preview 1.21.120.23).png|53px]] Added a Learn more button to the error screen on world load.}}
|{{MC/HistoryLine||1.21.120|dev=Preview 1.21.120.23|[[File:New UI - Updated Disconnected Screen Menu - Learn More Button (Bedrock Preview 1.21.120.23).png|53px]] Added a Learn more button to the error screen on world load.}}
|{{HistoryLine|||dev=Preview 1.21.120.24|[[File:New UI - General Settings Screen Menu (Bedrock Preview 1.21.120.24).png|53px]] [[Minecraft:Settings#General 2|General]] settings screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine|||dev=Preview 1.21.120.24|[[File:New UI - General Settings Screen Menu (Bedrock Preview 1.21.120.24).png|53px]] [[Minecraft:Settings#General 2|General]] settings screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine|||dev=Release|"Social" tab in the game menu is released to the public and no longer in ''Preview'' only.|"Friends" tab has been renamed to "Social" tab, no longer in ''Preview'' only.}}
|{{MC/HistoryLine|||dev=Release|"Social" tab in the game menu is released to the public and no longer in ''Preview'' only.|"Friends" tab has been renamed to "Social" tab, no longer in ''Preview'' only.}}
|{{HistoryLine||Preview 1.21.130.24|[[File:New UI - Video Settings Screen Menu (Bedrock Preview 1.21.130.24).png|53px]] [[Minecraft:Settings#Video|Video]] settings screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 1.21.130.24|[[File:New UI - Video Settings Screen Menu (Bedrock Preview 1.21.130.24).png|53px]] [[Minecraft:Settings#Video|Video]] settings screen has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 26.0.25|[[File:New UI - Keyboard & Mouse Settings Screen Menu (Bedrock Preview 26.0.25).png|53px]] [[File:New UI - Account Settings Screen Menu (Bedrock Preview 26.0.25).png|53px]] [[Minecraft:Settings#Keyboard & Mouse|Keyboard & Mouse]] and [[Minecraft:Settings#Account|Account]] settings screen have been updated to match Ore UI, available in ''Preview'' only.|[[File:New UI - Social Tab Screen Menu - Party Tab (Bedrock Preview 26.0.25).png|45px]] Party tab has been added to the updated Social drawer, available in ''Preview'' only.|[[File:New UI - Create Party Screen Menu (Bedrock Preview 26.0.25).png|45px]] Create party screen has been added with Ore UI, available in ''Preview'' only.}}
|{{MC/HistoryLine||Preview 26.0.25|[[File:New UI - Keyboard & Mouse Settings Screen Menu (Bedrock Preview 26.0.25).png|53px]] [[File:New UI - Account Settings Screen Menu (Bedrock Preview 26.0.25).png|53px]] [[Minecraft:Settings#Keyboard & Mouse|Keyboard & Mouse]] and [[Minecraft:Settings#Account|Account]] settings screen have been updated to match Ore UI, available in ''Preview'' only.|[[File:New UI - Social Tab Screen Menu - Party Tab (Bedrock Preview 26.0.25).png|45px]] Party tab has been added to the updated Social drawer, available in ''Preview'' only.|[[File:New UI - Create Party Screen Menu (Bedrock Preview 26.0.25).png|45px]] Create party screen has been added with Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 26.0.28|{{Animate|New UI - Settings Screen Menu (Bedrock Preview 26.0.28).png;New UI - Pause Menu - Settings Screen Menu (Bedrock Preview 26.0.28).png|53px}} [[Minecraft:Settings]] screen in main menu or game menu has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||Preview 26.0.28|{{MC/Animate|New UI - Settings Screen Menu (Bedrock Preview 26.0.28).png;New UI - Pause Menu - Settings Screen Menu (Bedrock Preview 26.0.28).png|53px}} [[Minecraft:Settings]] screen in main menu or game menu has been updated to match Ore UI, available in ''Preview'' only.}}
|{{HistoryLine||26.10|The settings screen is released to the public and no longer in ''Preview'' only.}}
|{{MC/HistoryLine||26.10|The settings screen is released to the public and no longer in ''Preview'' only.}}
|{{HistoryLine|bedrock upcoming}}
|{{MC/HistoryLine|bedrock upcoming}}
|{{HistoryLine||26.20|dev=Preview 26.20.22|[[File:New UI - Updated Realms Hub Screen Menu "Community" Tab - Story Feed (Bedrock Preview 26.20.22).png|45px]] Realms Hub screen have been updated to match Ore UI, available in ''Preview'' only.|"Realms Stories" screen has been renamed to "Realms Hub" screen, available in ''Preview'' only.}}
|{{MC/HistoryLine||26.20|dev=Preview 26.20.22|[[File:New UI - Updated Realms Hub Screen Menu "Community" Tab - Story Feed (Bedrock Preview 26.20.22).png|45px]] Realms Hub screen have been updated to match Ore UI, available in ''Preview'' only.|"Realms Stories" screen has been renamed to "Realms Hub" screen, available in ''Preview'' only.}}
}}
}}


Line 487: Line 487:
| [[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}} Main menu screen has been updated to match Ore UI, available in Preview only.
|{{MC/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}} Main menu screen has been updated to match Ore UI, available in Preview only.
|}
|}


=== ''Minecraft Education'' ===
=== ''Minecraft Education'' ===
{{HistoryTable
{{HistoryTable
|{{HistoryLine|education}}
|{{MC/HistoryLine|education}}
|{{HistoryLine||1.21.03|dev=Preview 1.21.01.0|Death screen has been updated to match Ore UI.}}
|{{MC/HistoryLine||1.21.03|dev=Preview 1.21.01.0|Death screen has been updated to match Ore UI.}}
|{{HistoryLine||1.21.91|dev=Preview 1.21.50.1|[[Minecraft:Bed#Sleeping|Sleep]] screen has been updated to match Ore UI.}}
|{{MC/HistoryLine||1.21.91|dev=Preview 1.21.50.1|[[Minecraft:Bed#Sleeping|Sleep]] screen has been updated to match Ore UI.}}
|{{HistoryLine|||dev=Preview 1.21.90.1|Added Ore UI for new world screen.|{{animate|New UI - Create New World Screen Menu (Education 1.21.91).png;New UI - Edit World Screen Menu (Education 1.21.91).png|45px}} Create New World and Edit World screen have been updated to match Ore UI.}}
|{{HistoryLine|||dev=Preview 1.21.90.1|Added Ore UI for new world screen.|{{MC/Animate|New UI - Create New World Screen Menu (Education 1.21.91).png;New UI - Edit World Screen Menu (Education 1.21.91).png|45px}} Create New World and Edit World screen have been updated to match Ore UI.}}
}}
}}


=== Control ===
=== Control ===
{{HistoryTable
{{HistoryTable
|{{HistoryLine|bedrock}}
|{{MC/HistoryLine|bedrock}}
|{{HistoryLine||1.16.100|dev=
|{{MC/HistoryLine||1.16.
}}
}}


Line 550: Line 550:
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.1.4 0.1.4]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.1.4 0.1.4]
|Separate {{cd|setWithCallback}} support from set in facet.
|Separate {{MC/Cd|setWithCallback}} support from set in facet.
|November 17, 2021
|November 17, 2021
|-
|-
Line 557: Line 557:
| rowspan="2" |December 10, 2021
| rowspan="2" |December 10, 2021
|-
|-
|Add support for multiple facets in {{cd|useFacetCallback}} and {{cd|useFacetEffect}}.
|Add support for multiple facets in {{MC/Cd|useFacetCallback}} and {{MC/Cd|useFacetEffect}}.
|-
|-
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.2.1 0.2.1]
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.2.1 0.2.1]
Line 563: Line 563:
| rowspan="2" |December 15,2021
| rowspan="2" |December 15,2021
|-
|-
|Fix {{cd|useFacetCallback}} return type.
|Fix {{MC/Cd|useFacetCallback}} return type.
|-
|-
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.2.2 0.2.2]
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.2.2 0.2.2]
|Add login instructions to {{cd|CONTRIBUTING.md}}.
|Add login instructions to {{MC/Cd|CONTRIBUTING.md}}.
| rowspan="2" |December 20, 2021
| rowspan="2" |December 20, 2021
|-
|-
|{{cd|useFacetState}} setter memoized.
|{{MC/Cd|useFacetState}} setter memoized.
|-
|-
| rowspan="5" |[https://github.com/Mojang/ore-ui/releases/tag/v0.2.3 0.2.3]
| rowspan="5" |[https://github.com/Mojang/ore-ui/releases/tag/v0.2.3 0.2.3]
Line 577: Line 577:
|Add a condition property to the Mount component.
|Add a condition property to the Mount component.
|-
|-
|Rename {{cd|useFacetEffect}} to {{cd|useFacetLayoutEffect}} and add a new {{cd|useFacetEffect}}.
|Rename {{MC/Cd|useFacetEffect}} to {{MC/Cd|useFacetLayoutEffect}} and add a new {{MC/Cd|useFacetEffect}}.
|-
|-
|Add With component to refine mounted components Facet type.
|Add With component to refine mounted components Facet type.
|-
|-
|Deferred Mount feature: {{cd|DeferredMountWithCallback}}.
|Deferred Mount feature: {{MC/Cd|DeferredMountWithCallback}}.
|-
|-
! rowspan="4" |[https://github.com/Mojang/ore-ui/releases/tag/v0.3.0 0.3.0]
! rowspan="4" |[https://github.com/Mojang/ore-ui/releases/tag/v0.3.0 0.3.0]
|Add support for id attribute.
|Add support for id attribute.
|Update {{cd|README.md}}.
|Update {{MC/Cd|README.md}}.
| rowspan="4" |April 11, 2022
| rowspan="4" |April 11, 2022
|-
|-
Line 591: Line 591:
|Make the types defined in the hooks more dynamic.
|Make the types defined in the hooks more dynamic.
|-
|-
|Rename {{cd|RemoteFacet}} to {{cd|SharedFacet}}.
|Rename {{MC/Cd|RemoteFacet}} to {{MC/Cd|SharedFacet}}.
|Add tscompiler paths for our packages.
|Add tscompiler paths for our packages.
|-
|-
Line 598: Line 598:
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.2 0.3.2]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.2 0.3.2]
|Introduce {{cd|multiObserve}} and {{cd|hasDefinedValue}} helpers.
|Introduce {{MC/Cd|multiObserve}} and {{MC/Cd|hasDefinedValue}} helpers.
| rowspan="65" |–
| rowspan="65" |–
|June 28, 2022
|June 28, 2022
|-
|-
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.3.3 0.3.3]
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.3.3 0.3.3]
|Update the types of the {{cd|useFacetCallback}} function.
|Update the types of the {{MC/Cd|useFacetCallback}} function.
| rowspan="2" |June 29, 2022
| rowspan="2" |June 29, 2022
|-
|-
Line 619: Line 619:
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.6 0.3.6]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.6 0.3.6]
|Support {{cd|onMouseMove}} handler.
|Support {{MC/Cd|onMouseMove}} handler.
|August 2, 2022
|August 2, 2022
|-
|-
Line 627: Line 627:
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.8 0.3.8]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.8 0.3.8]
|Fix {{cd|createFacet}} {{cd|equalityCheck}} to not fire for undefined or null.
|Fix {{MC/Cd|createFacet}} {{MC/Cd|equalityCheck}} to not fire for undefined or null.
|August 18, 2022
|August 18, 2022
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.9 0.3.9]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.9 0.3.9]
|Added {{cd|createFacetContext}}.
|Added {{MC/Cd|createFacetContext}}.
|August 24, 2022
|August 24, 2022
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.10 0.3.10]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.3.10 0.3.10]
|Added {{cd|defaultEqualityCheck}} to {{cd|createFacet}}, and introduced {{cd|createStaticFacet}}.
|Added {{MC/Cd|defaultEqualityCheck}} to {{MC/Cd|createFacet}}, and introduced {{MC/Cd|createStaticFacet}}.
|August 31, 2022
|August 31, 2022
|-
|-
Line 650: Line 650:
| rowspan="2" |October 24, 2022
| rowspan="2" |October 24, 2022
|-
|-
|Move responsibility of cleaning up effects from facets to {{cd|useEffect()}} / {{cd|useFacetEffect()}}.
|Move responsibility of cleaning up effects from facets to {{MC/Cd|useEffect()}} / {{MC/Cd|useFacetEffect()}}.
|-
|-
| rowspan="3" |[https://github.com/Mojang/ore-ui/releases/tag/v0.4.1 0.4.1]
| rowspan="3" |[https://github.com/Mojang/ore-ui/releases/tag/v0.4.1 0.4.1]
Line 661: Line 661:
|-
|-
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.4.2 0.4.2]
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.4.2 0.4.2]
|Make it possible to supply an initial value for {{cd|useFacetRef}}.
|Make it possible to supply an initial value for {{MC/Cd|useFacetRef}}.
| rowspan="3" |December 6, 2022
| rowspan="3" |December 6, 2022
|-
|-
|Support {{cd|defaultReturnValue}} in {{cd|useFacetCallback}}.
|Support {{MC/Cd|defaultReturnValue}} in {{MC/Cd|useFacetCallback}}.
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.4.3 0.4.3]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.4.3 0.4.3]
Line 673: Line 673:
| rowspan="4" |March 3, 2023
| rowspan="4" |March 3, 2023
|-
|-
|Fix {{cd|useFacetCallback}} having outdated values.
|Fix {{MC/Cd|useFacetCallback}} having outdated values.
|-
|-
|Fix {{cd|useFacetCallback}} mismatch subscriptions.
|Fix {{MC/Cd|useFacetCallback}} mismatch subscriptions.
|-
|-
|Only accept numerical characters if the input type is number.
|Only accept numerical characters if the input type is number.
|-
|-
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.4.5 0.4.5]
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.4.5 0.4.5]
|Update the list of maintainers in the {{cd|README.md}} file.
|Update the list of maintainers in the {{MC/Cd|README.md}} file.
| rowspan="2" |March 24, 2023
| rowspan="2" |March 24, 2023
|-
|-
|Keep {{cd|useFacetCallback}} instance same even if facets instances change.
|Keep {{MC/Cd|useFacetCallback}} instance same even if facets instances change.
|-
|-
! rowspan="3" |[https://github.com/Mojang/ore-ui/releases/tag/v0.5.0 0.5.0]
! rowspan="3" |[https://github.com/Mojang/ore-ui/releases/tag/v0.5.0 0.5.0]
|Tweak {{cd|hasDefinedValue}} typing.
|Tweak {{MC/Cd|hasDefinedValue}} typing.
| rowspan="3" |June 15, 2023
| rowspan="3" |June 15, 2023
|-
|-
Line 697: Line 697:
| rowspan="4" |September 14, 2023
| rowspan="4" |September 14, 2023
|-
|-
|Update the list of maintainers in the {{cd|README.md}} file.
|Update the list of maintainers in the {{MC/Cd|README.md}} file.
|-
|-
|Force strict comparison {{cd|eqeqeq eslint rule}}.
|Force strict comparison {{MC/Cd|eqeqeq eslint rule}}.
|-
|-
|Revert to using void as cleanup type for {{cd|useFacetEffect}}.
|Revert to using void as cleanup type for {{MC/Cd|useFacetEffect}}.
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.5.2 0.5.2]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.5.2 0.5.2]
Line 712: Line 712:
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.5.4 0.5.4]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.5.4 0.5.4]
|Added support for {{cd|foreignObject}} in our custom renderer.
|Added support for {{MC/Cd|foreignObject}} in our custom renderer.
|January 31, 2024
|January 31, 2024
|-
|-
Line 719: Line 719:
| rowspan="3" |July 25, 2024
| rowspan="3" |July 25, 2024
|-
|-
|Cached maps {{cd|useFacetMemo}} can return values before any subscription.
|Cached maps {{MC/Cd|useFacetMemo}} can return values before any subscription.
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.6.1 0.6.1]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.6.1 0.6.1]
|Fix {{cd|useFacetUnwrap}} support for custom equality check.
|Fix {{MC/Cd|useFacetUnwrap}} support for custom equality check.
|-
|-
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.6.2 0.6.2]
| rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v0.6.2 0.6.2]
Line 728: Line 728:
| rowspan="2" |March 12, 2025
| rowspan="2" |March 12, 2025
|-
|-
|Update the {{cd|useSharedFacet}} typing.
|Update the {{MC/Cd|useSharedFacet}} typing.
|-
|-
|[https://github.com/Mojang/ore-ui/releases/tag/v0.6.4 0.6.4]
|[https://github.com/Mojang/ore-ui/releases/tag/v0.6.4 0.6.4]
|Correctly export {{cd|fireEvent}} from {{cd|renderer.ts}}.
|Correctly export {{MC/Cd|fireEvent}} from {{MC/Cd|renderer.ts}}.
|April 3, 2025
|April 3, 2025
|-
|-
Line 739: Line 739:
|-
|-
![https://github.com/Mojang/ore-ui/releases/tag/v18.1.0 18.1.0]
![https://github.com/Mojang/ore-ui/releases/tag/v18.1.0 18.1.0]
|Support for React 18's {{cd|useTransition}} and {{cd|startTransition}}.
|Support for React 18's {{MC/Cd|useTransition}} and {{MC/Cd|startTransition}}.
|September 17, 2025
|September 17, 2025
|-
|-
Line 746: Line 746:
| rowspan="4" |October 16, 2025
| rowspan="4" |October 16, 2025
|-
|-
|Added comment for code smell using {{cd|useFacetCallback}}.
|Added comment for code smell using {{MC/Cd|useFacetCallback}}.
|-
|-
|Fix issue with incorrect typing for {{cd|StrictReactNode}}.
|Fix issue with incorrect typing for {{MC/Cd|StrictReactNode}}.
|-
|-
|New Unwrap and Times helper components.
|New Unwrap and Times helper components.
Line 756: Line 756:
| rowspan="2" |October 28, 2025
| rowspan="2" |October 28, 2025
|-
|-
|Fix support for updating equality checks of {{cd|useFacetWrapMemo}}.
|Fix support for updating equality checks of {{MC/Cd|useFacetWrapMemo}}.
|-
|-
! rowspan="3" |[https://github.com/Mojang/ore-ui/releases/tag/v18.4.0 18.4.0]
! rowspan="3" |[https://github.com/Mojang/ore-ui/releases/tag/v18.4.0 18.4.0]
|Fix {{cd|createStaticFacet}} triggering {{cd|NO_VALUE}}.
|Fix {{MC/Cd|createStaticFacet}} triggering {{MC/Cd|NO_VALUE}}.
| rowspan="3" |November 14, 2025
| rowspan="3" |November 14, 2025
|-
|-
|Fix edge case of effects without facets not running.
|Fix edge case of effects without facets not running.
|-
|-
|Fix external types of {{cd|mapFacets}} helper functions.
|Fix external types of {{MC/Cd|mapFacets}} helper functions.
|-
|-
! rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v18.5.0 18.5.0]
! rowspan="2" |[https://github.com/Mojang/ore-ui/releases/tag/v18.5.0 18.5.0]
Line 773: Line 773:
|-
|-
![https://github.com/Mojang/ore-ui/releases/tag/v18.6.0 18.6.0]
![https://github.com/Mojang/ore-ui/releases/tag/v18.6.0 18.6.0]
|Allow facets to be used as an initial value of {{cd|useFacetState}}.
|Allow facets to be used as an initial value of {{MC/Cd|useFacetState}}.
|March 23, 2026
|March 23, 2026
|}
|}


== Issues ==
== Issues ==
{{issue list|projects=MCPE|Ore UI|OreUI|New UI|NewUI|New design}}
{{MC/Issue list|projects=MCPE|Ore UI|OreUI|New UI|NewUI|New design}}


== Trivia ==
== Trivia ==
Line 947: Line 947:
=== dotJS 2018 ===
=== dotJS 2018 ===
<gallery>
<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 early prototype.jpg|Early prototype of {{MC/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.png|Tech preview of {{MC/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 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 tech preview, improved 2020.jpg|An improved version of the tech preview with the panorama updated to match 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>
DotJS_2018_Bedrock's_UI_redesign_achievement.jpg|{{MC/BE}}'s achievement UI redesign.<ref>{{tweet|xKingDarkTV|1650372641637687296}}</ref>
</gallery>
</gallery>


Line 966: Line 966:
== 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}}
This screen can only be access in Minecraft Bedrock Edition 1.20.0 (Dev).{{MC/Yt|1=v=NplrB97rKfM&t}}


== References ==
== References ==
{{reflist}}
{{MC/Reflist}}


== External links ==
== External links ==
Line 1,006: Line 1,006:


== Navigation ==
== Navigation ==
{{Navbox Bedrock Edition}}
{{MC/Navbox Bedrock Edition}}
{{Navbox Education|exclusive}}
{{MC/Navbox Education|exclusive}}


[[Category:UI]]
[[Category:UI]]

Revision as of 20:43, 9 April 2026

Script error: No such module "Exclusive". Template:Infobox program Ore UI is a collection of open source packages designed for building interactive

  1. REDIRECT Template:Wikipedia

Template:Redr

  1. REDIRECT Template:Wikipedia

Template:Redrs using

  1. REDIRECT Template:Wikipedia

Template:Redr, written in the

  1. REDIRECT Template:Wikipedia

Template:Redr programming language and utilizing the

  1. REDIRECT Template:Wikipedia

Template:Redr library. It provides reusable building blocks for

  1. REDIRECT Template:Wikipedia

Template:Redr and general-purpose

  1. REDIRECT Template:Wikipedia

Template:Redrs.<ref name="ore-ui-github">Template:Cite</ref> Ore UI is currently used in Minecraft games such as Bedrock Edition, Minecraft:Bedrock Editor, Minecraft Education, Minecraft:China Edition, and Minecraft Legends.

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>

in Template:Editions, 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">

  1. redirect Template:YouTube link

Template:Redr</ref><ref name="powered-by-coherent-labs">Template:Cite</ref> which made it possible to run modern web technology such as

  1. REDIRECT Template:Wikipedia

Template:Redr,

  1. REDIRECT Template:Wikipedia

Template:Redr and

  1. REDIRECT Template:Wikipedia

Template:Redr.<ref name="coherent-gameface-product">Template:Cite</ref>

Development

Bedrock Edition's UI redesign tech preview

On November 9, 2018, Tobias Ahlin, the lead experience designer at Mojang Studios, announced a UI overhaul coming to Bedrock Edition built on Hummingbird engine, which runs a subset of

  1. REDIRECT Template:Wikipedia

Template:Redr and

  1. REDIRECT Template:Wikipedia

Template:Redr, and a design system built with

  1. REDIRECT Template:Wikipedia

Template:Redr.<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:

  • "Play" which lets the player navigate to the Select World screen.
  • "Store" which lets the player navigate to the store (similar to the modern Minecraft:Marketplace).
  • "Skins" which lets the player change their skin (similar to the modern Minecraft:Character Creator).
  • "Achievements" and "Settings" which let the player view their Minecraft:achievements and settings.

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

  1. REDIRECT Template:Wikipedia

Template:Redr 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

  1. REDIRECT Template:Wikipedia

Template:Redr.<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

  1. REDIRECT Template:Wikipedia

Template:Redr-based state management for video game user interface built in React.<ref name="react-advanced-2021-ore-ui">

  1. redirect Template:YouTube link

Template:Redr</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

  1. REDIRECT Template:Wikipedia

Template:Redr C++ game engine (where the game's states reside) with the

  1. REDIRECT Template:Wikipedia

Template:Redr 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

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 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 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

  • Realms Hub
  • Edit world Realms
  • Party
  • World and Realm selection for local uploading to Minecraft:Realms.

Bedrock Editor

Release

Preview

  • Main menu

Minecraft Education

Release

  • Create new world
  • Edit world
  • Death
  • Sleep

China Edition

Release

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

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.
  1. REDIRECT Template:Code

Template:Redr scripting module, though it does not directly interface with the HTML UI, and allowing few basic UI elements.

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 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 on future updates.Template:Citation needed Currently in active development.
Performance Can be unoptimized, leading to lower
  1. REDIRECT Template:Wikipedia

Template:Redr, 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, particularly on consoles.
Availability Available by default on screens that are not yet migrated to Ore UI. Available on few select screens (Play, Minecraft:Settings, Create World, and Minecraft:Achievements). Though it may fallback to legacy JSON UI on specific cases.​<more information needed></more information 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 (
  1. REDIRECT Template:Wikipedia

Template:Redr,

  1. REDIRECT Template:Wikipedia

Template:Redr,

  1. REDIRECT Template:Wikipedia

Template:Redr) and the Gameface engine by Coherent Labs.

Technical details UI elements are defined in resource packs, specifically under
  1. REDIRECT Template:Code

Template:Redr directory.

UI elements are defined internally in the
  1. REDIRECT Template:Wikipedia

Template:Redr, specifically under

  1. REDIRECT Template:Code

Template:Redr.

Control icons

{{#vardefine:params|0 }}Template:Hatnote

Keyboard and mouse controls

Template:Div col

Controller controls

Template:Tabber

Sounds

Template:Message boxTemplate:Article other 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 - Script error: No such module "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
  1. REDIRECT Template:Code

Template:Redr 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
  1. REDIRECT Template:Code

Template:Redr and

  1. REDIRECT Template:Code

Template:Redr.

0.2.1 Add "contribute" file with publishing documentation. December 15,2021
Fix
  1. REDIRECT Template:Code

Template:Redr return type.

0.2.2 Add login instructions to
  1. REDIRECT Template:Code

Template:Redr.

December 20, 2021
  1. REDIRECT Template:Code

Template:Redr setter memoized.

0.2.3 Add index to Map tests. February 8, 2022
Add a condition property to the Mount component.
Rename
  1. REDIRECT Template:Code

Template:Redr to

  1. REDIRECT Template:Code

Template:Redr and add a new

  1. REDIRECT Template:Code

Template:Redr.

Add With component to refine mounted components Facet type.
Deferred Mount feature:
  1. REDIRECT Template:Code

Template:Redr.

0.3.0 Add support for id attribute. Update
  1. REDIRECT Template:Code

Template:Redr.

April 11, 2022
Fix missing public APIs from published npm package. Make the types defined in the hooks more dynamic.
Rename
  1. REDIRECT Template:Code

Template:Redr to

  1. REDIRECT Template:Code

Template:Redr.

Add tscompiler paths for our packages.
Rename shared to shared-facet. Adding pr as a trigger of actions.
0.3.2 Introduce
  1. REDIRECT Template:Code

Template:Redr and

  1. REDIRECT Template:Code

Template:Redr helpers.

June 28, 2022
0.3.3 Update the types of the
  1. REDIRECT Template:Code

Template:Redr 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
  1. REDIRECT Template:Code

Template:Redr handler.

August 2, 2022
0.3.7 Fix memory leak caused by not removing child from parent. August 16, 2022
0.3.8 Fix
  1. REDIRECT Template:Code

Template:Redr

  1. REDIRECT Template:Code

Template:Redr to not fire for undefined or null.

August 18, 2022
0.3.9 Added
  1. REDIRECT Template:Code

Template:Redr.

August 24, 2022
0.3.10 Added
  1. REDIRECT Template:Code

Template:Redr to

  1. REDIRECT Template:Code

Template:Redr, and introduced

  1. REDIRECT Template:Code

Template:Redr.

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
  1. REDIRECT Template:Code

Template:Redr /

  1. REDIRECT Template:Code

Template:Redr.

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
  1. REDIRECT Template:Code

Template:Redr.

December 6, 2022
Support
  1. REDIRECT Template:Code

Template:Redr in

  1. REDIRECT Template:Code

Template:Redr.

0.4.3 New linting rule to detect import issues.
0.4.4 Lock nodejs version. March 3, 2023
Fix
  1. REDIRECT Template:Code

Template:Redr having outdated values.

Fix
  1. REDIRECT Template:Code

Template:Redr mismatch subscriptions.

Only accept numerical characters if the input type is number.
0.4.5 Update the list of maintainers in the
  1. REDIRECT Template:Code

Template:Redr file.

March 24, 2023
Keep
  1. REDIRECT Template:Code

Template:Redr instance same even if facets instances change.

0.5.0 Tweak
  1. REDIRECT Template:Code

Template:Redr 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
  1. REDIRECT Template:Code

Template:Redr file.

Force strict comparison
  1. REDIRECT Template:Code

Template:Redr.

Revert to using void as cleanup type for
  1. REDIRECT Template:Code

Template:Redr.

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
  1. REDIRECT Template:Code

Template:Redr 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
  1. REDIRECT Template:Code

Template:Redr can return values before any subscription.

0.6.1 Fix
  1. REDIRECT Template:Code

Template:Redr support for custom equality check.

0.6.2 Updated puppeteer to the latest version. March 12, 2025
Update the
  1. REDIRECT Template:Code

Template:Redr typing.

0.6.4 Correctly export
  1. REDIRECT Template:Code

Template:Redr from

  1. REDIRECT Template:Code

Template:Redr.

April 3, 2025
18.0.0 Update to React 18. September 4, 2025
18.1.0 Support for React 18's
  1. REDIRECT Template:Code

Template:Redr and

  1. REDIRECT Template:Code

Template:Redr.

September 17, 2025
18.2.0 Move documentation from separate branch to main branch. October 16, 2025
Added comment for code smell using
  1. REDIRECT Template:Code

Template:Redr.

Fix issue with incorrect typing for
  1. REDIRECT Template:Code

Template:Redr.

New Unwrap and Times helper components.
18.3.0 Documentation improvements & spring cleaning. October 28, 2025
Fix support for updating equality checks of
  1. REDIRECT Template:Code

Template:Redr.

18.4.0 Fix
  1. REDIRECT Template:Code

Template:Redr triggering

  1. REDIRECT Template:Code

Template:Redr.

November 14, 2025
Fix edge case of effects without facets not running.
Fix external types of
  1. REDIRECT Template:Code

Template:Redr 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
  1. REDIRECT Template:Code

Template:Redr.

March 23, 2026

Issues

Script error: No such module "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

Development screenshots

Achievement

Atlas

Create new world

Gameplay

Player permission

Party

Disconnected

Quick world creation

Realms

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 resource pack or different implementation based on JSON UI.

Videos

Ore UI Documentation

This screen can only be access in Minecraft Bedrock Edition 1.20.0 (Dev).

  1. REDIRECT Template:YouTube

Template:Redr

References

<references group="">

 </references>

External links

GitHub


Feedback

Navigation

Editions
Merged
Ports to consoles
Discontinued
Development
Version history
Technical
Creator
Add-ons
Multiplayer
Exclusive features
Blocks
Mobs
Effects
Unused
Removed
General
Blocks
Items
Entities
Chemistry
Blocks
Items
Entities

Template:Article other

pt:Ore UI zh:Ore UI