Satchel // Open-source modern backpack system

Resources Community Resources
, , ,
1

Satchel

Satchel

:open_book: Documentation | :convenience_store: Creator Store | :file_folder: GitHub | :globe_with_meridians: Discord

“Satchel, a modern open-source alternative to Roblox’s default backpack.”

:information_source: About

Satchel is a modern open-source alternative to Roblox’s default backpack. Satchel aims to be more customizable and easier to use than the default backpack while still having a “vanilla” feel. Installation of Satchel is as simple as dropping the module into your game and setting up a few properties if you like to customize it. It has a familiar feel and structure as to the default backpack for ease of use for both developers and players.

SatchelThumbnail1
SatchelThumbnail11920×1080 73.8 KB
SatchelThumbnail2
SatchelThumbnail21920×1080 66.2 KB

SatchelThumbnail3
SatchelThumbnail31920×1080 73.4 KB
SatchelThumbnail4
SatchelThumbnail41920×1080 76.9 KB

:star: Features

Packed with much-needed features and changes the default backpack doesn’t have.

Modernized Familiar Feel

Satchel completely remakes the backpack’s UI to a uniform and vanilla feeling UI, blending in with other elements designed by Roblox.

250659199-2bbe27e8-2f8e-4305-b968-635316551395
250659199-2bbe27e8-2f8e-4305-b968-635316551395797×562 369 KB

Highly Customizable & Versatile

Satchel is highly customizable & adjustable with instance attributes support, allowing you to customize the behavior and appearance of over 10+ attributes. Please change the color, transparency, behavior, and more of its elegantly designed UI.

250659889-a115e388-de55-4cfa-9c41-63b117df4b74
250659889-a115e388-de55-4cfa-9c41-63b117df4b74669×779 230 KB

Improved Mobile Experience

Satchel expands on the mobile experience, doubling the number of slots, allowing players to not be disadvantaged.

SatchelThumbnail4 (1)
SatchelThumbnail4 (1)1920×1080 76.9 KB

Topbar Plus Support

Satchel supports Topbar Plus by 1ForeverHD, allowing users to open the inventory easily and more quickly.

250658604-95d22c15-0eec-4862-8f1c-8407fd325729

:playground_slide: Playground

We provide an open-source playground of Satchel where you can test and play with Satchel before deciding to use it. See Satchel Playground on Roblox. Feel free to use the playground as a reference for how to use Satchel. Please download and modify it to your liking.

:open_book: Documentation

See the documentation site for more about Satchel. Find guides on how to get started, learn about the API, understand what Satchel is, and more.

377 Likes
2

btw there is a typo where it says ‘Highly Customizable and Versitile’ just wanna let you know

10 Likes
3

Thanks for the keen eye. I’ve edited the topic to correct the misspelling.

9 Likes
4

I have a couple of suggestions, and here is the list of suggestions I would like to suggest:

  • Add an attribute/option to toggle the SlotFrame’s AutoButtonColor in Satchel’s attributes (also set it as true on default because it looks better when the player is hold-clicking a SlotFrame).
  • Make the ToolTip’s CornerRadius to 0, 4 instead of 0, 8 (and maybe add a separate attribute/option to change the ToolTip’s CornerRadius, setting the ToolTip’s CornerRadius to 0, 8 looks odd in my opinion).
  • Add a UIPadding to ToolTips and SlotFrames

Overall I like this resource, and you should find a way to get rid of the warnings. Thank you for making this! :slightly_smiling_face:

8 Likes
5

Thanks for all your feedback and I’m considering how to make the Tooltip corners less aggressive while keeping one attribute for ease of use but I’m confused on the following:

Can you please specify what exactly are the “warnings”?

4 Likes
6

Well according to Script Analysis (not a plugin btw), there are 97 warnings found in Satchel’s ModuleScript.

5 Likes
7

They are expected for pre-release software and on release they all should be resolved or significantly reduced. For now they should not limit functionality or cause any problems.

5 Likes
8

Will give it a try later, overall it looks pretty solid and i love the way you can edit it through attributes its original

3 Likes
9

This would be very suitable for our upcoming game, considering that the Roblox backpack is still using .Draggable.

I do have a suggestion. Add an attribute that determines if tool switching should be scroll-wheel based on PC. This would be useful for zoom-locked camera types, as well as first person modes, where scrolling is helpful for switching tools.

5 Likes
10

Satchel aims to be as close to the default backpack hence why it’s called “vanilla”.

Adding such feature would also be very niche in my opinion due to how it would be limited to only first-person and how it can cause potential confusion if people use it outside.

Nothing stops you from forking this Satchel and implementing your own version of you would prefer building off of this.

8 Likes
11

It looks like that SlotFrame’s ToolName is bigger than SlotFrame’s Icon, you should change that and make them the same size

3 Likes
12

Hi, I’ve fixed your issue with ToolName not being the same size as ToolIcon with commit 1efd888 on our GitHub.

Additionally, I would like to notify that the tooltips are no longer as round as before with commit e71db22.

Thanks for your valuable feedback. The changes are live on our GitHub and will be included in Satchel’s next release.

4 Likes
13

minor nitpick: I found your github repo before you posted it here

image
image1130×717 95.1 KB

but great resource!

2 Likes
14

Just 2 days ago I finished documentation and adding some last-minute changes for pre-release. Only today I just wrote the DevForum topic.

:sweat_smile:

4 Likes
15

oh sorry found another typo
‘Improved Mobile Experiance’
good module btw, love the strict typing

3 Likes
16

Thanks for the report again. I’ve fixed the typo and ran a spellchecker to ensure they shouldn’t be any more misspellings.

2 Likes
17

Hey this looks awesome! I have one question though and forgive me if you already went over this but, can you change the open backpack button because I hate pressing the ‘ button to open the backpack. Basically what I’m saying is can you bind the backpack to open when you press the “tab” key or something like that? Otherwise, great system!

2 Likes
18

I was scratchin my head so much with disabling Tool keybind for Reinvent (one of the tool inventory system like this) because it isn’t actually designed to have unbinding event when the UI is hidden/disabled, it breaks after the Default backpack is enabled with the UI there

Also it would be nice if you add a boolean option to hide backpack and the bar like HideHotbar and UnbindButtons to this resource, i hate to actually disconnect every single connections each time i wanted to unbind keys.

3 Likes
19

Really good resource I really love how the UI resemble the Chat UI. Keep up the good work :smiley:

3 Likes
20

Yes, you can modify the keybind to toggle the backpack.

Replace line 93 in SatchelScript with the below to set Tab to toggle the backpack.

local ARROW_HOTKEY = { Enum.KeyCode.Tab, Enum.KeyCode.DPadUp }

Note that you can replace Enum.KeyCode.Tab with any Enum.KeyCode to toggle the backpack.

Just a warning but Tab is already binded to the leaderboard so you should disable that behavior first.

6 Likes