Minecraft:Ore UI: Difference between revisions
More actions
Remove broken links to missing pages |
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 = {{ | | 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 = {{ | | 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 {{ | '''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>]] | ||
{{ | {{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 {{ | 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 {{ | 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 {{ | 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 {{ | 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 {{ | * 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.{{ | | 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 ({{ | | 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 {{ | | UI elements are defined in resource packs, specifically under {{MC/Cd|<resource pack>/ui}} directory. | ||
| UI elements are defined internally in the {{ | | 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 == | ||
{{ | {{MC/Main|Controls}} | ||
=== Keyboard and mouse controls === | === Keyboard and mouse controls === | ||
{{ | {{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= | ||
{{ | {{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= | ||
{{ | {{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= | ||
{{ | {{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= | ||
{{ | {{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 == | ||
{{ | {{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|{{ | |{{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.{{ | |{{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.|{{ | |{{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 | ||
|{{MC/HistoryLine|bedrock}} | |||
|{{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 {{ | |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 {{ | |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 {{ | |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 {{ | |Add login instructions to {{MC/Cd|CONTRIBUTING.md}}. | ||
| rowspan="2" |December 20, 2021 | | rowspan="2" |December 20, 2021 | ||
|- | |- | ||
|{{ | |{{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 {{ | |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: {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |Make it possible to supply an initial value for {{MC/Cd|useFacetRef}}. | ||
| rowspan="3" |December 6, 2022 | | rowspan="3" |December 6, 2022 | ||
|- | |- | ||
|Support {{ | |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 {{ | |Fix {{MC/Cd|useFacetCallback}} having outdated values. | ||
|- | |- | ||
|Fix {{ | |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 {{ | |Update the list of maintainers in the {{MC/Cd|README.md}} file. | ||
| rowspan="2" |March 24, 2023 | | rowspan="2" |March 24, 2023 | ||
|- | |- | ||
|Keep {{ | |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 {{ | |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 {{ | |Update the list of maintainers in the {{MC/Cd|README.md}} file. | ||
|- | |- | ||
|Force strict comparison {{ | |Force strict comparison {{MC/Cd|eqeqeq eslint rule}}. | ||
|- | |- | ||
|Revert to using void as cleanup type for {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |Added comment for code smell using {{MC/Cd|useFacetCallback}}. | ||
|- | |- | ||
|Fix issue with incorrect typing for {{ | |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 {{ | |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 {{ | |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 {{ | |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 {{ | |Allow facets to be used as an initial value of {{MC/Cd|useFacetState}}. | ||
|March 23, 2026 | |March 23, 2026 | ||
|} | |} | ||
== Issues == | == Issues == | ||
{{ | {{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).{{ | This screen can only be access in Minecraft Bedrock Edition 1.20.0 (Dev).{{MC/Yt|1=v=NplrB97rKfM&t}} | ||
== References == | == References == | ||
{{ | {{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
- REDIRECT Template:Wikipedia
- REDIRECT Template:Wikipedia
Template:Redrs using
- REDIRECT Template:Wikipedia
Template:Redr, written in the
- REDIRECT Template:Wikipedia
Template:Redr programming language and utilizing the
- REDIRECT Template:Wikipedia
Template:Redr library. It provides reusable building blocks for
- REDIRECT Template:Wikipedia
Template:Redr and general-purpose
- 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.
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">
- 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
- REDIRECT Template:Wikipedia
- REDIRECT Template:Wikipedia
Template:Redr and
- 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
- REDIRECT Template:Wikipedia
Template:Redr and
- REDIRECT Template:Wikipedia
Template:Redr, and a design system built with
- 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.
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
- 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
- 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
- REDIRECT Template:Wikipedia
Template:Redr-based state management for video game user interface built in React.<ref name="react-advanced-2021-ore-ui">
- 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
- REDIRECT Template:Wikipedia
Template:Redr C++ game engine (where the game's states reside) with the
- 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.
-
Ore UI Developer Pages section
-
Hero (green w/ different font) button states
-
Primary (green w/ Mojangles font) button states
-
Secondary (white) button states
-
Destructive (red) button states
-
Modal with placeholder content
-
A dummy modal
-
Checkboxes in action
-
Checkbox states
-
Dropdown button states
-
Radio button states
-
Slider states
-
Toggle states
-
Text field states
-
Toggle button states
-
Tab button states
-
All tag variants
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
- Sign in
- Quick world creation
- Pop-ups on the Main menu
- Play
- Create new world
- Edit world (except Minecraft:Realms)
- All Minecraft:settings tabs & main settings UI except for Creator, Global Resources, Party, Storage, Resource Packs, and Behavior Packs. Minecraft:Realms uses the old UI for all settings.
- Inbox
- Social drawer
- Search for players
- Profile
- Report bad behavior
- Screenshot gallery
- Minecraft:Achievements
- Player permissions (except Minecraft:Realms)
- Minecraft:Realms information & purchase screens
- Realms stories
- Death
- Sleep
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 |
|
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
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 (
Template:Redr) and the Gameface engine by Coherent Labs. |
| Technical details | UI elements are defined in resource packs, specifically under
Template:Redr directory. |
UI elements are defined internally in the
Template:Redr, specifically under
|
Control icons
{{#vardefine:params|0 }}Template:Hatnote
Keyboard and mouse controls
Controller controls
Sounds
Template:Message boxTemplate:Article other Template:SoundTable
History
Bedrock Edition
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
Control
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: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
Template:Redr and
| |||
| 0.2.1 | Add "contribute" file with publishing documentation. | December 15,2021 | |
Fix
Template:Redr return type. | |||
| 0.2.2 | Add login instructions to
|
December 20, 2021 | |
Template:Redr setter memoized. | |||
| 0.2.3 | Add index to Map tests. | February 8, 2022 | |
| Add a condition property to the Mount component. | |||
Rename
Template:Redr and add a new
| |||
| Add With component to refine mounted components Facet type. | |||
Deferred Mount feature:
| |||
| 0.3.0 | Add support for id attribute. | Update
|
April 11, 2022 |
| Fix missing public APIs from published npm package. | Make the types defined in the hooks more dynamic. | ||
Rename
|
Add tscompiler paths for our packages. | ||
| Rename shared to shared-facet. | Adding pr as a trigger of actions. | ||
| 0.3.2 | Introduce
Template:Redr and
Template:Redr helpers. |
– | June 28, 2022 |
| 0.3.3 | Update the types of the
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
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
Template:Redr to not fire for undefined or null. |
August 18, 2022 | |
| 0.3.9 | Added
|
August 24, 2022 | |
| 0.3.10 | Added
Template:Redr, and introduced
|
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
| |||
| 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
|
December 6, 2022 | |
Support
| |||
| 0.4.3 | New linting rule to detect import issues. | ||
| 0.4.4 | Lock nodejs version. | March 3, 2023 | |
Fix
Template:Redr having outdated values. | |||
Fix
Template:Redr mismatch subscriptions. | |||
| Only accept numerical characters if the input type is number. | |||
| 0.4.5 | Update the list of maintainers in the
Template:Redr file. |
March 24, 2023 | |
Keep
Template:Redr instance same even if facets instances change. | |||
| 0.5.0 | Tweak
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
Template:Redr file. | |||
Force strict comparison
| |||
Revert to using void as cleanup type for
| |||
| 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: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
Template:Redr can return values before any subscription. | |||
| 0.6.1 | Fix
Template:Redr support for custom equality check. | ||
| 0.6.2 | Updated puppeteer to the latest version. | March 12, 2025 | |
Update the
Template:Redr typing. | |||
| 0.6.4 | Correctly export
Template:Redr from
|
April 3, 2025 | |
| 18.0.0 | Update to React 18. | September 4, 2025 | |
| 18.1.0 | Support for React 18's
Template:Redr and
|
September 17, 2025 | |
| 18.2.0 | Move documentation from separate branch to main branch. | October 16, 2025 | |
Added comment for code smell using
| |||
Fix issue with incorrect typing for
| |||
| New Unwrap and Times helper components. | |||
| 18.3.0 | Documentation improvements & spring cleaning. | October 28, 2025 | |
Fix support for updating equality checks of
| |||
| 18.4.0 | Fix
Template:Redr triggering
|
November 14, 2025 | |
| Fix edge case of effects without facets not running. | |||
Fix external types of
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
|
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
-
"Worlds" tab in the Play screen (grid view)
-
"Worlds" tab in the Play screen (list view)
-
"Realms" tab in the Play screen, when not owning a Realm
-
"Realms" tab in the Play screen, on an owned Realm
-
"Servers" tab in the Play screen
-
"Create from..." screen, showing world templates
-
Create new world screen
-
Edit world screen
-
Minecraft:Settings screen
-
Inbox screen
-
Player permissions screen in the game menu
-
Sleeping screen
-
Death screen in Survival or Adventure mode
-
Death screen in Hardcore mode
-
Minecraft:Social drawer in the Play screen
-
Profile screen
-
Search for players screen
-
Report bad behavior screen
-
Screenshot gallery in the Profile screen
-
Minecraft:Achievements screen
Bedrock Editor
-
Main menu screen
-
Create new project screen
-
A project in tool mode
Minecraft Education
-
Create new world screen
-
Edit world screen
Minecraft China Edition
-
Skin Store screen
-
Mod Store screen
-
Play screen
-
Create new world screen
-
Mini-map screen
Development screenshots
Achievement
-
A sneak peek of the Minecraft:achievement details screen.
-
A sneak peek of the achievements screen.
Atlas
-
An older version of the atlas file.
-
An older version of the atlas file.
-
An older version of the atlas file.
-
The current version of the atlas file.
Create new world
-
A sneak peek of the create new world screen, showing active resource packs section.
-
A sneak peek of the create new world screen, showing a part of the "Create" button.
-
Another sneak peek of the create new world screen, showing the world's difficulty selector.
Gameplay
-
An early look of the hotbar.<ref name="ore-ui-hotbar-sneak-peek">Template:Tweet</ref>
-
An early look of the Minecraft:inventory screen.<ref name="ore-ui-inventory-and-dropper/dispenser-and-hopper-sneak-peek">Template:Tweet</ref>
-
An early look of the crafting table screen.<ref name="ore-ui-anvil-and-crafting-table-sneak-peek" />An early look of the crafting table screen.<ref name="ore-ui-anvil-and-crafting-table-sneak-peek" />
-
An early look of the crafting recipe screen.<ref name="ore-ui-crafting-recipe-screen-sneak-peek">Template:Tweet</ref>
-
An early look of the locked crafting recipe screen.<ref name="ore-ui-crafting-recipe-screen-sneak-peek" />
-
An early look of the old Minecraft:furnace screen.<ref>Template:Tweet</ref>
-
An early look of the new Minecraft:furnace screen.<ref name="ore-ui-furnace-sneak-peek">Template:Tweet</ref>
-
An early look of the lit furnace (100%) screen.<ref name="ore-ui-furnace-sneak-peek" />
-
An early look of the lit furnace (50%) screen.<ref name="ore-ui-furnace-sneak-peek" />
-
An early look of the Minecraft:smoker screen.<ref name="ore-ui-smoker-and-blast-furnace-sneak-peek">Template:Tweet</ref>
-
An early look of the blast furnace screen.<ref name="ore-ui-smoker-and-blast-furnace-sneak-peek" />
-
An early look of the Minecraft:anvil screen.<ref name="ore-ui-anvil-and-crafting-table-sneak-peek">Template:Tweet</ref>
-
An early look of the Minecraft:grindstone screen.<ref name="ore-ui-grindstone-and-brewing-stand-sneak-peek">Template:Tweet</ref>
-
An early look of the Minecraft:dropper and Minecraft:dispenser screen.<ref name="ore-ui-inventory-and-dropper/dispenser-and-hopper-sneak-peek" />
-
An early look of the Minecraft:hopper screen.<ref name="ore-ui-inventory-and-dropper/dispenser-and-hopper-sneak-peek" />
-
An early look of the brewing stand screen.<ref name="ore-ui-grindstone-and-brewing-stand-sneak-peek" />
-
An early look of the trading screen.<ref>Template:Tweet</ref>
-
An early look of the Minecraft:bundle tooltip.<ref name="ore-ui-bundle-sneak-peek">Template:Tweet</ref>
-
An early look of the Minecraft:bundle (50%) tooltip.<ref name="ore-ui-bundle-sneak-peek" />
-
An early look of the Minecraft:bundle (100%) tooltip.<ref name="ore-ui-bundle-sneak-peek" />
-
An early look of the magenta Minecraft:bundle tooltip.<ref name="ore-ui-magenta-bundle-sneak-peek">Template:Tweet</ref>
-
An early look of the magenta Minecraft:bundle (50%) tooltip.<ref name="ore-ui-magenta-bundle-sneak-peek" />
-
An early look of the magenta Minecraft:bundle (100%) tooltip.<ref name="ore-ui-magenta-bundle-sneak-peek" />
-
An early look of the Minecraft:chest container screen.<ref name="ore-ui-containers-sneak-peek">Template:Tweet</ref>
-
An early look of the Minecraft:barrel container screen.<ref name="ore-ui-containers-sneak-peek" />
-
An early look of the ender chest container screen.<ref name="ore-ui-containers-sneak-peek" />
-
An early look of the shulker box container screen.<ref name="ore-ui-containers-sneak-peek" />
-
An early look of the copper chest container screen.<ref name="ore-ui-copper-chests-containers-sneak-peek">Template:Tweet</ref>
-
An early look of the exposed copper chest container screen.<ref name="ore-ui-copper-chests-containers-sneak-peek" />
-
An early look of the weathered copper chest container screen.<ref name="ore-ui-copper-chests-containers-sneak-peek" />
-
An early look of the oxidized copper chest container screen.<ref name="ore-ui-copper-chests-containers-sneak-peek" />
-
An early look of the shulker box container screen.<ref name="ore-ui-shulker-box-dye-containers-sneak-peek">Template:Tweet</ref>
-
An early look of the red shulker box container screen.<ref name="ore-ui-shulker-box-dye-containers-sneak-peek" />
-
An early look of the green shulker box container screen.<ref name="ore-ui-shulker-box-dye-containers-sneak-peek" />
-
An early look of the blue shulker box container screen.<ref name="ore-ui-shulker-box-dye-containers-sneak-peek" />
-
An early look of the white shulker box container screen.<ref name="ore-ui-shulker-box-dye-containers-sneak-peek" />
-
An early look of the black shulker box container screen.<ref name="ore-ui-shulker-box-dye-containers-sneak-peek" />
-
An early look of the pocket UI profile of shulker box container screen.<ref name="ore-ui-shulker-box-container-and-anvil-for-pocket-and-classic-ui-profile-sneak-peek">Template:Tweet</ref>
-
An early look of the classic UI profile of shulker box container screen.<ref name="ore-ui-shulker-box-container-and-anvil-for-pocket-and-classic-ui-profile-sneak-peek" />
-
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" />
-
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" />
Player permission
-
An early look of the player permissions screen.<ref name="ore-ui-player-permissions-sneak-peek">Template:Tweet</ref>
-
An early look of the Player Permissions screen.<ref name="ore-ui-player-permissions-sneak-peek" /> (kick players confirmation dialog)
Party
-
An early look of the create party screen.<ref>Template:Tweet</ref>
Disconnected
-
An early look of the disconnection screen.<ref>Template:Tweet</ref>
Quick world creation
-
A sneak peek of the quick world creation in select character screen.<ref>Template:Tweet</ref>
Realms
-
A sneak peek of the Minecraft:Realms Stories in "Timeline" tab opt in to timeline message.<ref>Template:Tweet</ref>
-
A sneak peek of the Play screen in "Realms" tab - "Add Members" button.<ref>Template:Tweet</ref>
-
A sneak peek of the Realms owner screen.<ref>Template:Tweet</ref>
-
A sneak peek of the realms hub screen.<ref>Template:Tweet</ref>
-
A sneak peek of the realms hub screen "community" tab.<ref>Template:Tweet</ref>
dotJS 2018
-
Early prototype of Bedrock Edition's title screen UI redesign
-
Tech preview of Bedrock Edition's title screen UI redesign.
-
An improved version of the tech preview with the panorama updated to match Update Aquatic from 2020.<ref>Template:Tweet</ref>
-
Bedrock Edition's achievement UI redesign.<ref>Template:Tweet</ref>
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.
-
Quests screen in the Minecraft Movie Live Event.
-
Map screen in the Minecraft Movie Live Event.
-
Return to Lobby confirmation dialog in the Minecraft Movie Live Event.
-
NPC conversation screen in the Minecraft:15 Year Journey.
-
Sticker collected screen in the Minecraft:15 Year Journey.
-
Return to Hub confirmation dialog in the Minecraft:15 Year Journey.
Videos
- Ore UI Documentation
This screen can only be access in Minecraft Bedrock Edition 1.20.0 (Dev).
- REDIRECT Template:YouTube
References
<references group="">
</references>
External links
GitHub
Feedback
- Minecraft:Achievement in beta 1.16.100.50
- Achievement Screen Beta Thread on July 30, 2020
- Create new world in beta 1.18.20.21
- Updated “Create New World” experience in Bedrock Beta on January 27, 2022
- Death in Preview 1.19.80.20
- Updated "You Died" Screen Experience on March 8, 2023
- Servers in Preview 1.20.80.21
- Updated 'Servers Tab' Experience in Bedrock Preview on February 23, 2024
- Search for players in Preview 1.20.80.23
- Enhancements to finding friends in Bedrock Preview on March 18, 2024
- Profile in Preview 1.21.0.20
- Updated Player Profile in Bedrock Preview! on April 3, 2024
- Realms in Preview 1.21.20.21
- Updated Realms Tab Experience in Bedrock Preview on April 23, 2024
- Screenshots in Preview 1.21.30.22
- Screenshots available in Bedrock Preview! on August 7, 2024
- Create from template in Preview 1.21.30.24
- Updated Template Screen Experience in Bedrock Preview! on April 11, 2024
- Play in 1.21.60
- Let’s talk about the new Bedrock Edition Play screen! on December 12, 2024
- Player permissions in Preview 1.21.70.22
- Improvements to the Player Permissions screen in Bedrock on February 5, 2025
- Minecraft:Settings in Preview 1.21.100.20
- Let’s talk about our updated settings! (Bedrock) on September 1, 2025
- Minecraft:Social drawer on Party system in Preview 26.0.25
- New Party System (Bedrock Preview) on December 10, 2025
- Minecraft:Realms Hub in Preview 26.20.22
- Bedrock Realms Hub on March 25, 2026
| |||||||||||||||||
pt:Ore UI zh:Ore UI