modrinth/packages/blog/compiled/app_personalization.content.ts

// AUTO-GENERATED FILE - DO NOT EDIT
export const html = `<p>Hey everyone,</p><p>Creating, organizing, and finding instances has always been one of the most important parts of the Modrinth App, but we weren’t happy with how this worked.</p><p>With this update, we’ve brought the Home and Library together into a new Play page, rebuilt instance organization, added an icon editor, and improved onboarding across the whole app.</p><h3>TL;DR</h3><ul><li>New Play page combining Home and Library</li><li>Improved instance creation flow</li><li>New icon editor for instance icons</li><li>Improved instance groups and filtering</li><li>New onboarding checklist for first-time users</li><li>Updated empty states and sign-in modals</li></ul><h2>Play page</h2><p>We’ve introduced a new Play page that merges the old Home and Library pages. We had a few goals for this page:</p><ul><li>Bring everything related to playing into one place</li><li>Make it clearer how to actually launch the game</li><li>Improve how instances are organized</li></ul><p><img src="/news/article/app-personalization/play-page.webp" alt="The new Play page showing three newly created instances at the top, and the Library section below featuring a bunch of instances with colorful icons."></p><h3>Jump in section</h3><p>This is basically an evolution of the Jump back in section. Newly created instances can now show up here as well. Previously, you had to launch an instance and join a world or server before anything would populate, which wasn’t great for new users.</p><p>We also made a few other changes:</p><ul><li>An instance and world will no longer both show up. Once you join a world or server, it replaces the instance entry</li><li>There is a hard limit of five slots instead of the previous three or six based on recency</li><li>Iterated on the overall design</li></ul><h3>Library section</h3><p>The instance library got a complete overhaul. You can now create groups and instances directly from the Library section.</p><p>Groups can be created by clicking the “New group” button on the page, or by selecting multiple instances and clicking “New group” in the action bar. The action bar also includes other actions like removing instances from a group or deleting them.</p><p>Once a group is created, you can edit its name, change the instances within it, and reorder your groups from the controls in the top right. Instances can also be selected or multi-selected and dragged between groups.</p><div class="video-wrapper mb-8"><video autoplay loop muted playsinline><source src="./groups-demo.mp4" type="video/mp4"></video></div><p>The instance creation flow also got some improvements. You can now search for content directly if you already know what you want to play and we’ve added a new option for uploading a modpack.</p><p><img src="/news/article/app-personalization/instance-creation.webp" alt="The updated instance creation menu, with a search bar to browse for content and four options to create a custom instance, go to the full discover page, upload a .mrpack, or import from another launcher."></p><h2>Icon editor</h2><p>A long standing problem with the instance library is that it’s always been hard to spot instances at a glance. Custom instances all use a default icon and choosing your own image isn’t easy.</p><p>To fix this, we’ve introduced an icon editor where you can create your own icon for each instance, or we’ll randomize one for you. When making an icon, you can mix and match different backgrounds and symbols until you land on something that feels right.</p><p>We’ve released an initial set of backgrounds and icons, with more to come over time. The initial set features a number of iconic things from some of the most iconic mods:</p><ul><li>Cobblemon</li><li>Create</li><li>Create Aeronautics</li><li>Farmer's Delight</li><li>Supplementaries</li><li>Sophisticated Backpacks</li><li>Ad Astra</li><li>Handcrafted</li><li>Origins</li><li>Botania</li><li>Blåhaj</li></ul><p><img src="/news/article/app-personalization/instance-creation.webp" alt="The updated instance creation menu, with a search bar to browse for content and four options to create a custom instance, go to the full discover page, upload a .mrpack, or import from another launcher."></p><h2>Onboarding</h2><p>Along with this update, we wanted to make the app experience better for new users. We’ve introduced a getting started checklist that covers creating your first instance, signing into Minecraft, and signing into Modrinth. The natural flow of the app already takes you through most of this, but it works as a helpful reminder.</p><h3>Empty states</h3><p>We’ve also updated several of the more important empty states in the app. This includes the new Play page, Hosting page, and letting you play around with the skin editor without being logged in.</p><p><img src="/news/article/app-personalization/welcome.webp" alt="&quot;Welcome to Modrinth&quot; below the Modrinth logo with a button to create your first instance."></p><p><img src="/news/article/app-personalization/hosting.webp" alt="Modrinth Hosting empty state showing a few benefits of Modrinth Hosting and a graphic showing how you can invite your friends."></p><h3>Sign-in modals</h3><p>Along with the empty states, the Microsoft and Modrinth account sign-in modals also got a new look as part of the onboarding work.</p><p><img src="/news/article/app-personalization/sign-in.webp" alt="The new Minecraft sign-in menu with a Steve character."></p>`;