Velt

A modern, declarative UI framework for Roblox Luau that brings desktop-like UI development to Roblox.

Features

• Fully declarative API inspired by SwiftUI
• Strictly typed
• Smart type conversion system
• Automatic layout management
• Property Binding
• Component Composition

Installation

1. Get the module from the Roblox Marketplace

2. Install via Wally:

Basic Usage

local Velt = require("@Velt")

local list = Velt.Hooks.List()
local listText = Velt.Text({
	Size = UDim2.new(1, -20, 0, 30),
	Position = UDim2.fromOffset(10, 190),
	TextSize = 16,
	BackgroundTransparency = 1,
	Parent = container
})

Velt.TextButton({
	Text = "Add Item",
	Size = UDim2.new(0, 120, 0, 40),
	Position = UDim2.fromOffset(10, 230),		
	BackgroundColor3 = Color3.fromRGB(59, 130, 246),
	TextColor3 = Color3.fromRGB(255, 255, 255),
	Parent = container,
	MouseButton1Click = function()
		list.Push(#list.Value + 1)
	end
})

list.Watch(function(new)
	listText.Text = "List: " .. table.concat(new, ", ")
end)

Component Reference

Frame

The base container component that creates a frame.

Button

Interactive button component with click handling.

Text

Basic text display component.

Roadmap

• State management
• Property binding system
• Themes
• Animation support
• More components

About

Velt is part of the YGC (Yumina's Game Collection) suite of tools and frameworks.