[WIP] KYRYLO-UI - UI Library

KYRYLO-UI is a library for the Roblox Studio engine, written in the Luau language. With KYRYLO-UI, developers can create interfaces for their games quickly and easily. This library aims to simplify the process of UI development by providing a set of intuitive and efficient tools.

Features

  • Simple and intuitive API: KYRYLO-UI offers an easy-to-use interface, allowing developers to create UI elements without excessive complexity.

  • Fast and efficient rendering: The library is designed to provide optimal performance, ensuring smooth and responsive UI updates.

  • Customizability: KYRYLO-UI provides a range of customization options, allowing developers to tailor the appearance and behavior of their UI elements to match the style of their game.

  • Event-driven programming: The library utilizes event-driven programming paradigms, enabling developers to create interactive UI elements that respond to user actions.

  • Documentation and examples: Comprehensive documentation and examples are provided to help developers get started quickly and make the most of the library’s features.

Previews

Documentation: link

Installation

-- Services 
local ReplicatedStorage = game:GetService("ReplicatedStorage") 
local Players = game:GetService("Players") 

-- Variables 
local LocalPlayer = Players.LocalPlayer 

-- Modules 
local KUI = require(ReplicatedStorage.KUI_Library) 

-- Init 
KUI.Init(LocalPlayer.PlayerGui,50,20) 

-- Test1 window 
local Window = KUI.Window.new( "Test1" ) -- create new window 
Window:Show() -- show your window 

-- Custom 
Window:SetCorner( 10 ) -- set corner of your window 
Window:SetHeader( "Test Window", { true, "close" } ) -- set/add header for your window 

-- Lines 
local firstLine = KUI.Line.new( "MyFirstLine", 3 ) 
local secondLine = KUI.Line.new( "MySecondLine", 2 ) 

Window:SetLines( { firstLine, secondLine } ) 

-- Components 
local nameInput = KUI.InputText.new( "Your Name:" ) -- create new input text 
local changeNameButton = KUI.Button.new( "Change Name" ) -- create new button 

nameInput:SetSizeOperator( 8 ) 
changeNameButton:SetSizeOperator( 5 ) 
firstLine:AddComponent( nameInput ) 
secondLine:AddComponent( changeNameButton )
  • Final! You create your first window with KYRYLO-UI!
  • image
  • Documentation

Contributing

16 Likes

I have a suggestion: Add a side menu with buttons for navigation between pages.

4 Likes

It’s will be in new version beta 1.0.0. And it will include a pages and navigation buttons.

4 Likes

Cool UI, not even joking, so I wonder if credits are needed?

if anyone is looking for the russian post, here it is

3 Likes

You can write suggestions and your usage examples here.

2 Likes

I got this error when I used the example script:

1 Like

What version of this system? I it’s last version then try later version.

2 Likes

I was using v0.3.3
v0.3.2 doesn’t give the error anymore thanks. :slight_smile:

1 Like

I will review your error. But I will done my new version of this system. Thanks for following :smiley:

2 Likes