Introducing: UIGenius

Help and Feedback Creations Feedback
#1

Introducing: UI Genius

Are you tired of struggling with complex UI designs in your Roblox projects? Look no further! UIGenius is here to revolutionize your user interface experience.

With UIGenius, you gain access to a powerful module that offers an array of impressive features. First and foremost, it supports multiple types of UI elements, including TextLabels, TextButtons, and TextBoxes, allowing you to create diverse and interactive interfaces.

Text or image ID? Not a problem! UIGenius lets you effortlessly customize the content of your UI elements, empowering you to convey information effectively and add visual appeal to your designs.

Say goodbye to boring backgrounds! With UIGenius, you can seamlessly customize background colors, enabling you to match your UI with the theme of your project. Additionally, the module provides control over background transparency, ensuring your UI elements blend harmoniously with the game environment.

Colors matter, and UIGenius recognizes that. With a simple implementation, you can choose from a wide spectrum of colors to bring life and vibrancy to your UI elements, making them visually captivating.

But that’s not all! UIGenius allows you to fine-tune the sizes of your UI elements with ease. Want a larger button or a smaller text box? Adjusting the sizes to your preference is just a few lines of code away.

Looking for that extra touch of sophistication? UIGenius offers stroke customization, allowing you to add outlines to your UI elements. Set the stroke value to achieve the perfect balance between elegance and prominence.

Not all corners are created equal, and UIGenius understands that too. You can freely experiment with different corner styles, adjusting the radius to achieve sharp or rounded corners, giving your UI elements a unique personality.

We value innovation and continuous improvement. That’s why UIGenius brings you exciting updates every weekend, ensuring you have access to new features, enhancements, and optimizations to elevate your UI creations.

Don’t let complicated UI development hold you back. Get your hands on UIGenius today and unlock a world of possibilities for your Roblox projects. Simplify, customize, and create stunning UI designs effortlessly with UIGenius - the ultimate UI module for every Roblox developer.

Q&A:

Q: Why UI Genius?
A: UI Genius is a module that all programmers have access to, it is meant for simple UI designing (right now)

Q: Is it free?
A: Yes! UI Genius is a free model that everyone can use.

Q: What are its limits?
A: Right now there are many different limits on UI Genius, as this was a short program to write. I plan to over time expand these possibilities and make the module better.

Q: How can we submit ideas about UI Genius?
A: You may submit ideas via dev-forum or discord (1vp78z#0001)

UPDATES WEEKLY
https://create.roblox.com/marketplace/asset/13464460751/UIGenius

1 Like
#2

Why use this over something like Roact with context?

Edit: Just saw the code… this seems like a very messy approach and can be a bit of a pain creating UI’s.
UIGenius.new = function(CoreType: string, Parent, Name: string, Text_ImageID: string, TextColor: Color3, Position: UDim2, Size: UDim2, Color: Color3, BackGroundTransparency: number, Stroke: boolean, StrokeValue: number, StrokeColor: Color3, Beveled: boolean, Radius: UDim)

#3

We plan to make things simpler

(On the edit part; this is right now just a very shorthand module then we are going to use in the future. I plan to recode it soon.)

#4

Here is a sneak peak to the net update we are going to have on it, might release it tonight to be depended tho

image
image649Ă—537 22.6 KB

#5 
**local UI = require(script.UI)

local gui = Instance.new("ScreenGui")
gui.Parent = game.Players.LocalPlayer:WaitForChild("PlayerGui")

local frameElement = UI.createElement("Frame", {
    Size = UDim2.new(0, 200, 0, 100),
    Position = UDim2.new(0.5, -100, 0.5, -50),
    BackgroundColor3 = Color3.new(1, 1, 1),
})

local textLabelElement = UI.createElement("TextLabel", {
    Size = UDim2.new(1, 0, 1, 0),
    Text = "Hello, World!",
    TextColor3 = Color3.new(0, 0, 0),
    BackgroundTransparency = 1,
})

local frameWithStroke = UI.withStroke(frameElement, {
    Thickness = 2,
    Color = Color3.new(0, 0, 0),
})

local frameWithBevel = UI.withBevel(frameWithStroke, {
    CornerRadius = UDim.new(0, 10),
})

UI.mount(textLabelElement, frameWithBevel)

UI.mount(frameWithBevel, gui)
**
#6

Great, although there are multiple better alternatives. In my opinion, modules such as this can be good, however Roact is made by professionals and kept up to standard (fusion is not as great, but still up there too), and modules like this shouldn’t be used in place of better modules, no matter if they have a “recoding.” You shouldn’t be using modules like this when there are modules actually created by professionals and even staff at ROBLOX.

Cool, but it’s just a simple module with completely unnecessary functions such as createElement. This is the same problem Fusion faces, it tries to be Roact so much, theres really no point in using Fusion over Roact, same with this yet even worse.

Even with the latest code example you showed, this could much more efficiently be solved using Roact context, meanwhile you have to manually add withBevel, withStroke, which first of all, is not futureproofed at all, along with the fact you cannot make beveled and stroked UI together.

I get it if this module is for fun; however I just don’t see a proper purpose in making this module when it will always just be a worse, more inefficient version of modules already battle-tested in production of major games, along with ROBLOX’s own platform.

1 Like
#7

Well, this is mostly just a fun project, just testing skills lol.

#8

Alright then, usually with modules which have advertisement on why you should use the module are designed for production use, I’d suggest making it more clear that this isn’t meant for production games.

#9

I plan to make something similar to this for production