Show off your UI designs

A simple trick to make the background move without technically animating it is increasing the size of the image label and tweening it back in fourth with Enum.EasingDirection.Sine(because sine is a natural equation).
So:
Size = 1, 40, 1, 40
AnchorPoint = 0.5, 0.5
Position = 0.5, -20, 0.5, 0
Script:

--// local Script

local TS = game:GetService("TweenService")
local TI = TweenInto.new(2.8, Enum.EasingStyle.Sine, Enum.EasingDirection.InOut, 0, -1, true)

TS:Create(FrameHere, TI, {Position = UDim2.new(0.5, -20, 0.5, 0)}):Play()
7 Likes

my calculator plugin ui
UI style : Material
Programs Used : Roblox Studio, XD

10 Likes


style: Dragon Ball Z: Kakarot style I guess
Made In Roblox Studio

Random thing I tried
Style: realistic, modern
Programs used: Framer X

4 Likes

Redesigned the Firefox homepage,

Style: Modern
Programs used: Adobe Photoshop 2020

Also recreated the Google home page for fun.

Style: Modern, minimalist
Programs used: Adobe Photoshop 2020

9 Likes

Style: modern/dark
Programme used to create your UI: roblox studio
Pictures:


Style: Modern, Mininalistic

Light theme

Dark theme

Developer theme

Still a work in progress.

3 Likes

App UI - Modern/minimalistic, created using Figma

6 Likes

App UI - Modern/minimalistic, created using Figma

4 Likes

A video showing the current progress of Frappe V5’s new UI

Style: Modern
Programs used to create your UI: Studio + Sketch (for icons)
Video:
https://cdn.discordapp.com/attachments/271790587974385675/784742314660069386/quicktime_lol-1.mov

44 Likes

You’re too good! I love your work so much, I’d love to be able to design and script something like that. :heart_eyes:

Oh I love it! :fire: Are you using any frameworks, like Roact, for this? The animations are so smooth and the UI itself looks amazing.

I wish Roblox supported background UI blurs, because your UI would look seriously good with some form of Windows-style acrylic effect.

4 Likes

I’m liking it. Nice and simple is sometimes the way to go.

1 Like

I completed the main UI for my game.
Style: Cartoony
Software: Adobe XD + Studio

1 Like

No, but I am using a lot of modules for it.

Using Roact isn’t very ideal for Frappe since that would make other developers who don’t know how to use Roact confused with the UI.

1 Like


Big work in progress, everything subject to change.

10 Likes

Ah, that makes sense! I just wondered as it seemed very component-based.

2 Likes

I prefer the UI option as its more suitable for me and I like UI designing more than UX designing. :slightly_smiling_face:

2 Likes

I love the UI design, it’s really cool.

1 Like

So, I was doing some UIs for this group
Style: Material
Software: Studio


You can see the rest of the UIs here.
https://www.roblox.com/games/6073705319/Pastry-UIs

2 Likes