Show off your UI designs

image
Contrast issue.

2 Likes

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

1 Like

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

11 Likes

Here’s an update on the support items inventory.

3 Likes

Don’t forget the iconic iPhone X notch.

2 Likes

the new update added UI gradients!
image

doesn’t look nice but it demonstrates it ok.

noice99

Click here for the release notes.

11 Likes

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

1 Like

Just finished this! Feedback is appreciated!

9 Likes

Material Design 2.0
Textbox field
https://gyazo.com/8b6bc0362bb24a6673e020a76ec5e647

28 Likes

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

3 Likes

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

1 Like

Maybe, it’s just tweening and rippling.

2 Likes

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

8 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

4 Likes

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

2 Likes

You could just set the ImageRectSize property.

1 Like

You can use ImageRectSize for any shape too.

1 Like

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.

1 Like

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

18 Likes

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

11 Likes