Show off your UI designs

image
Contrast issue.

1 Like

It’s just a concept and the colors aren’t right. It was mostly to test how much I could do with tweening.

Based on an iPhone X with different button placement and a custom Apple logo (Roblox logo with a bite out of it). Yes, I know Rople doesn’t sound that good. : )

Don’t copy pls

6 Likes

Here’s an update on the support items inventory. https://doy2mn9upadnk.cloudfront.net/uploads/default/original/4X/d/0/9/d09ed4923eb6cc817aef705662c664a262fbfc63.mp4

1 Like

Don’t forget the iconic iPhone X notch.

1 Like

the new update added UI gradients!
image

doesn’t look nice but it demonstrates it ok.

noice99

Click here for the release notes.

12 Likes

It isn’t supposed to be a copy but thank you for the suggestion :smiley:

Just finished this! Feedback is appreciated!

7 Likes

Material Design 2.0
Textbox field

19 Likes

image
The indicator is useless, you can just do something like bold-ing the textlabel.

1 Like

That looks epic! Are you going to make a tutorial at some point?

Maybe, it’s just tweening and rippling.

1 Like

I was messing around w/ new UI gradient and found a nice way to get away from this issue:

This also makes things like a heartshaped health display possible or even a proper recharge for a powerup animation in a circular (or any) shape

6 Likes

There is a other way to do that without the UI gradient you just need you a frame with clip descants and have one behind and the other on below it

3 Likes

Clips descendants doesn’t work with rounded objects though so that would not work in this case

1 Like

You could just set the ImageRectSize property.

You can use ImageRectSize for any shape too.

It’s also not recommended that you update a gradient’s Color or Transparency sequences often as it incurs more performance drag than necessary for such tasks. There are a lot of ways to get around the old issue including clipping descendants for non-rotate UI elements, using image rectangles, or even using the gradient’s offset to move it around instead of editing the Transparency NumberSequence.

Using gradients is an interesting way to solve the problem though, and I’m sure there are a few fun things you could do.

A code input, if you tab it goes to the next one when you delete it goes to the previous one etc.

16 Likes

a welcome gui for a cafe¿ group. this was for a commission

8 Likes