ReInvent - Roblox Inventory Reinvented (or remade)

ReInvent

What is this?

ReInvent is a remake of the Roblox Inventory/Backpack GUI from the ground up. This is supposed to replace it with new features and a new look overall.

This asset is free and open-source, and I do not require you to give credit.

Here below is a full showcase of how it looks and functions

Features

This asset includes:

  • A brand new clean UI
  • Basic features that came with the original one such as:
  • Search
    
  • Tranfering the tools from the hotbar to the backpack and vice versa
    
  • pressing on numbers to equip
    
  • Tooltip and Texture image support
    
  • Animations to make the UI feel more alive.
  • Plug and play installation
  • Only visible when needed

Using it

Just put the item in StarterGui. Its that simple.

Controls:

  • ~ to open and close the backpack
  • 1,2,3,4,5,6,7,8,9,0 to equip and unequip things

Acquiring it

You can get this model for free from

Or via the git hub repo

Notes

Important Update / Notice

About this version…

This is only v1.1, and its not fully complete, so I’m really sorry if its still bug ridden. Im going to continue to work on it.

Contributing

You may contribute to this asset by making edits and making pull requests via the posted repository above. If you can’t code yet, however, you may make bug reports, I want this to be as good as possible, so many can enjoy it.

Safety

I can assure you this isn’t a virus. I have not needed a require() when making this. So if you find one in the code, the one you got isn’t the real one.

Incompatibility

So far nothing is incompatible with this model, So it should be fine when putting it in your game.

Other than that,

I hope that you find this asset useful when making your own games! :hidere:

Fixes

v1.1.2 - Several changes made, please visit GitHub repository for more info

  • Added a attribute to the GUI object that allows you to limit how many cells can be at the hotbar
  • Made the hotbar background invisible, this can be changed
  • Fixed the cell look.

Cheers. Lucarkirb / tbg1010

37 Likes

you can still use Player.Backpack and put tools in the backpack, or use :EquipTool or :UnequipTools, or :SetCoreGuiEnabled(Backpack, false) with this right? this functions exactly the same as the base backpack but just looks different?

Yes, This is supposed to work with
:EquipTool() and :UnequipTools()
However, this uses :SetCoreGuiEnabled(Backpack, false) to replace the old UI with the new one

3 Likes

So if i were to want to disable the UI like the function :SetCoreGuiEnabled would I have to disable the UI through PlayerGui GUI.Enabled = false

on the side, is this true?

Yes. Note its has to be this way as I have zero control over roblox core GUI except for :SetCoreGuiEnabled

I assume so, I assumed I replicated everything from the old system.

3 Likes

the backpack system is mobile compatible?

1 Like

When I made this, I didn’t have mobile compatibility in mind. But thanks for reminding me. v1.2 will have full support for mobile.

3 Likes

Very clean and fluid UI, i’ll probably use this in my games because it seems very well made!

1 Like

The UI is way too big, and the white outline of the UI looks bad in my opinion. I’d say just make it look like the normal one, round it a bit, add a bit of tweening, and there you go. Also the tool hover UI looks like there’s no space for the text, and the positioning is awkward.

image

I’d just say when you hover over your inventory, just make the text follow your mouse and the frame background be transparent. TextStroke is good enough.

Also, the menu for the backpack that pops up when you press " ` ", the tween for it coming up into position like that is slow and choppy, because when it goes back down, the UI shrinks and it makes the X button and the scroll bar collide, making it look bad.

I’d just like the idea of it tweening into transparency instead of going up and down, because if UI like this were used in realistic games, it’d stand out and look cartoony.

More onto the hovering, when you hover over the tool (with it being deselected), you can see a bit of clipping.

image

There’s more clipping with the tool icon and the search frame, and there’s also clipping between the search frame and the other frame.

image

Also why is there a background for the UI?

image

Anyways, I’m finished criticizing. I see a lot of potential in this and maybe customization would fix all these issues. Looks good and could fit into many games if just configured right.

1 Like

Thanks for the criticism.

About the UI animations. IMO, they do not look cartoony, but this is subjective I assume. I feel this is more modern, plus I’ve seen this type of slide animation used in modern UI animations before. However, this is, like I said, subjective and It really depends on the game, in just making this while having the design principles of the new Roblox UI for the client in mind.

The clipping is my fault for believing that the UI corner would affect clip descendants. I’ll fix it soon

to be fair I also don’t know why I made this design choice… I will fix it soon.

I think this is a better design choice as well. Something ill take into consideration

This is something that I’m trying to fix as well.

Once again, I thank you for your criticism. I will try to fix these in v1.2 soon.

2 Likes

Hello :slight_smile: I noticed that you have a different Toolbox layout with categories and things like Structures and Lights. Can you tell me what that is about?

I recommend blurring the image of the tool in the background a little bit more, to make the text labeling the name of the tool easier to read.

2 Likes

oh, that’s Roblox new toolbox update if I’m not wrong.
if you don’t have the update, is probably because it’s still in beta, but i think they released it out to everyone already

2 Likes

Yes I checked and they did. It’s just I never have my toolbox open so I never noticed :skull:

im unsure if you’re still updating this, but there seems to be a bug where if you have items with the same name it’ll make unequipping and reequipping the item not work and stacks the items together

Yeah, I’m fixing it, but I’m busy with school currently so development is extremely slow.

I noticed you can’t drag and drop to the toolbar from the inventory like in the default system. Is this gonna be added?

I want to add this honestly, but I’m still figuring out how to do it without using roblox’s old and buggy dragging system

2 Likes

Kinda sorry for this, but didn’t think I wouldn’t have any time to keep this model up.

So I’m discontinuing support for ReInvent. If you like to improve on this, feel free to! ReInvent will forever stay open source, feel free to fork this and make it your own.

If you do fork this, there is a bug where duplicated items in your backpack do not show in reinvent when intended. You can choose to fix that if you want

One again I apologise if anyone expected this to be upkept :frowning:

Cheers, Lucarkirb.

The git hub repo up there for you guys to fork.

You can reply to this topic still but I’ll not answer any bug reports unfortunately.