A simple and easy to use reactive UI library for Roblox.

It's great for making UI quickly and easily. Still in development, bugs may occur. Especially useful in Stories/Storybooks, with UI Labs. Feel free to make a Github Issue on it for bugs/improvements.

Installation

You can get Quark from the Quark.rbxm file in the Github Releases. It's adviced to put the Quark module in ReplicatedStorage.

Documentation

Check out the documentation ^^^ for more info. It also serves as a tutorial for beginners.

Examples

Examples for stories are given in the examples folder. For smaller examples and info, check Documentation above.

New:

local New = Quark.New
local Hook = Quark.Hook

New "TextButton" {
    -- Set properties
    Parent = script.parent,
    Size = UDim2.fromOffset(100, 100),
    BackgroundColor3 = Color3.new(1,0,0),

    -- Events
    Hook("Activated", function(self, ...)
        print("Button clicked")
    end),

    -- Set children
    children = {
        New "TextButton" {
            Size = UDim2.fromOffset(75, 30)
        }
    }
}

States:

local State = Quark.State
local Counter = State(0) -- initialize

Counter( Counter() + 1 ) -- increment
print(Counter()) -- print counter value