Roblox’s core backpack UI, this wretched thing has been out of reach for Roblox developers to easily edit and make their own changes to for WAY too long. There’s just so many issues that we find with it and yet we cannot fix them because you either can’t find a copy of it or can’t get it to function. While working on “Beat the Robloxian” there was a huge issue where the tool order of players wouldn’t save on respawns which made it time consuming to reorganize your hot bar every time you would die. It was especially a nightmare for players on console stuck with the slow controller UI navigation.
I then figured enough is enough and dug out what was left of the core backpack UI scripts left from 2018 where Roblox last open sourced them and managed to get it functioning as a module. It’s fairly easy to set up you just require the module, change existing lines of your scripts toggling the core backpack to toggle the ScreenGui created for it instead. Only until now I decided to make it public as I can’t seem to find a public script of the core backpack just to make it more accessible for others.
The ScreenGui is parented to the player’s GUI upon the module being required and is named “BackpackGUI”, toggling its enabled property will act similarly to how toggling the actual core backpack UI works.
The whole point of this is module is so that you’re actually able to modify and make any changes you need to with it to satisfy your own needs for it. I’ve added any new features Roblox added to the core UI to ensure it’s up to date with the current one. I didn’t just stop there! I’ve included a few quality-of-life improvements to go along it:
-
I’ve implemented a toggle in which you can have it remember the order of your tools whenever you respawn. This may be buggy depending on how your game gives out tools to players on spawns which you can disable if it doesn’t work correctly.
-
Players that are on a phone will now get 10 hot bar slots and no longer have to deal with the dread of being locked to a measly amount of 3. The hot bar will resize itself in order to fit into the player’s screen.
-
I’ve improved some of the controller navigation for it and improved the inputs for it. However, be warned that it is not designed with the virtual cursor in mind and made to be used with the classic selection.
-
It’s much easier to open the backpack whenever you’re using a controller or playing with touch controls. You press D-Pad up to toggle the inventory on a controller which the binding can be changed to your liking. Mobile users press and hold the hot bar up to open it and press the slider on top of the UI to close it. Just make sure you list these controls to players as they’ll be confused on why the inventory is missing from Roblox’s UI.
-
There is a folder under the module called “UIEffects” which you can add any UI effects such as UICorner, UIGradient, UIStroke, and more! These effects will automatically be applied to the UI whenever it’s created.
-
You can now drop tools with both controller and touch controls. You can even set up your own binds for dropping tools! Just note that you cannot remove the backspace binding as it has been hard coded. Pressing D-Pad down will drop your currently equipped tool with a controller while with touch controls you drag tools outside of the backpack UI.
And that’s mostly all there is to cover? I tried keeping changes minimal unless if it was adding missing features or to improve an existing thing so it shouldn’t be too different from the original counterpart. There’s no need to credit this at all as I don’t really feel it’s deserved as it didn’t take a whole lot for me to get this functioning.
You can get the module here on the creator store: CoreUI Backpack Module (QOL Improvements Included) - Creator Store (roblox.com)
this is one of my first posts so i’m honestly a bit nervous about this!!
other than that i hope this helps :v