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.
You can get Quark from the Roblox Creator Store. It's adviced to put the Quark module in ReplicatedStorage.
If you want the latest code update, just clone this repository. If you cloned this repo, you can use Rojo (or another linker) to build the place file (or use it without building).
If you want a more "stable" release, download the Quark.rbxm file from the Releases. (Releases are more stable.)
Check out the Docs for more info. It also serves as a tutorial for beginners.
Examples for stories are given in the examples folder. For smaller examples and info, check Documentation above.
local New = Quark.New
New "Frame" {
-- Set properties
Parent = script.parent,
Size = UDim2.fromOffset(100, 100),
BackgroundColor3 = Color3.new(1,0,0),
-- Set children
children = {
New "TextButton" {
Size = UDim2.fromOffset(75, 30)
}
}
}
-- EVENTS
{
-- Events are function callbacks
MouseEnter = function(self, ...)
end,
}local State = Quark.State
local Counter = State(0) -- initialize
Counter( Counter() + 1 ) -- increment
print(Counter()) -- print counter value