How can i make a custom Scrollbar (scrollingframe properties)?

I’ve been trying to make a custom scrollbar for a Scrollingframe because honestly, the default one looks weird. it’s way too transparent and easy to miss. I want something a bit more visible and cleaner looking, but I’m not really sure where to start, i looked in many posts and tutorials and they still didn’t help.

Just to clarify, by “custom scrollbar” I don’t mean building a whole new scrolling system with scripts and custom UI. I’m just trying to change the look of the existing scrollbar by replacing the top, middle, and bottom images in the ScrollingFrame properties.

If anyone has a method or example for making a custom scrollbar (or replacing the default one entirely), I’d really appreciate the help.

2 Likes

Doesn’t the default one already flexible to edit? As I know, you already can change everything you mentioned.

the default one looks like this


even tho the scrollbar image opacity is set to 0.
i tried to edit my own using photopea, but i couldn’t get the size right. it shows too big or too small. i kept messing with it. the closest one was blurry. and now im stuck.

default one is already pretty understandable how to use.
Are you looking for something like this? Cool ScrollingFrame trick (Replicate Roblox's Widget Scrollbar)

1 Like

make a custom texture i guess.
Default texture is not very good for changing its color value becouse its a little grey instead of complete white template

no, i just want to make a custom image of the scrollbar myself. thanks tho

that’s the thing, i can’t find the real texture anywhere so i can edit on it.

Its in the properties of the scrolling frame.

i know. but how do i download it.

just get a square image id and put it as bottom, middle, top image ids and there u go, or create custom texture like gui and upload it (has to tile on Y axis)


do you see the problem here. i dont want plain color. i want to actually draw some stuff like circles inside of it. but it looks like this. the size is always inaccurate, im looking for perfect size for the scrollbar

Ok guys i tried searching in roblox installation folder on my pc. i found every single icon used on roblox and roblox studio including the scrollbar:

Path: C:\Users\URPC\AppData\Local\Roblox\Versions\version-xxxx\content\textures\ui\Scroll

go to roblox files/textures and search scroll bar
here:

ScrollBarBottom
ScrollBarMiddle
ScrollBarTop

i already found out about that on my last reply. thanks tho!

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.