Show off your UI designs

A recreation of Roblox’s buttons, inspired by the official style guide: Roblox

Style: Flat, Modern, Simple
Program used to create UI: Roblox Studio
Picture:
N7Inci
Potential UI Library coming soon?

7 Likes

I’m pretty sure that’s his normal notifications

thats not what she asked
and to answer @Fas_ty35’s question, probably this
its not specifically for chrome os but its unix and chrome os is unix and ive seen people use it before for chrome os so it probably works

Made this while I was at school




17 Likes

I made this UI pack which I try to sell

13 Likes

Hi,

I just remade the GUI for the group game Esi’s difficulty chart obby
Here are some pictures of the new GUI:

I would also appreciate some feedback

Looking at yours makes mine look trash ;-;.
image

2 Likes

Here is a current UI I am working on for a friend of mine (Custom commission.)


Style: Modern | PVP/Military Type Theme
Program used to create your UI: Affinity Designer, Photopea, Regular Roblox
Notes: Gun Icons & Stuff are by me. Grenade Icon & the rest are regular Icons I found.
Pictures:




Edit: Clip of it scripted by me when it was still WIP

29 Likes

That is really cool!

I love it.

1 Like

That’s very cool keep up the great work!

1 Like

How did you do it? I love it, I rate 103932049842957843/10

:smiley:

My first admin panel. :happy3:

image

4 Likes

Don’t let “I’m Not Ready For Commissions” bring you down. Use that to make you stronger.

Best of luck. :smiling_face_with_three_hearts:

2 Likes

Icons created in Adobe Illustrator, along with wallet assets and cards. Compiled in Roblox Studio, obviously.

I had this idea in the shower and I just quickly did it as a fun project idea. I’ll be expanding from this.

5 Likes

responsive ui which adapts to device size (and eventually active input method)

if anyone has any good “flexbox” and “suspense” implementations for Roact, hmu, cause mine suck

Edit: figured the flexbox one out

27 Likes

Just finished my loot box system ui, nothing fancy on looks, but I like how it turned out.
https://www.wevideo.com/view/2123954947

In terms of details to make the UI look less plain;

Well, there is a use of several programs (Specifically outside of Roblox as stated) You can also check out png’s online as there are many and implement it into the UI as a detail to use in the UI’s you make, In this, I used the digital particles in the background.
Particles can also be made by using a brush in art software, Then to make it repeat across the screen you can just use the Tile ScaleType. There is also the use of UIGradients with a variation of transparency & colors, and 9Slicing.

13 Likes

Style: Cartoon / Wooden Style
Programme used to create your UI: Photoshop, Roblox Studio
Pictures: All UIs are not completed yet…

20 Likes