{"id":18006277,"url":"https://github.com/creepersaur/quark","last_synced_at":"2026-01-02T21:12:04.304Z","repository":{"id":258519807,"uuid":"868973688","full_name":"creepersaur/Quark","owner":"creepersaur","description":"A simple and easy to use reactive UI library for Roblox. [Open Source]","archived":false,"fork":false,"pushed_at":"2024-10-17T11:18:51.000Z","size":170,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-30T02:38:15.288Z","etag":null,"topics":["fusion","gui","library","lua","luau","react","reactive","roblox","ui"],"latest_commit_sha":null,"homepage":"","language":"Luau","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/creepersaur.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-07T13:59:17.000Z","updated_at":"2024-10-17T21:40:42.000Z","dependencies_parsed_at":"2024-10-19T11:45:07.159Z","dependency_job_id":null,"html_url":"https://github.com/creepersaur/Quark","commit_stats":null,"previous_names":["creepersaur/quark"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creepersaur%2FQuark","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creepersaur%2FQuark/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creepersaur%2FQuark/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creepersaur%2FQuark/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/creepersaur","download_url":"https://codeload.github.com/creepersaur/Quark/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245644883,"owners_count":20649279,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["fusion","gui","library","lua","luau","react","reactive","roblox","ui"],"created_at":"2024-10-30T01:07:25.413Z","updated_at":"2026-01-02T21:12:04.264Z","avatar_url":"https://github.com/creepersaur.png","language":"Luau","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003cimg width=\"400\" alt=\"Quark\" src=\"https://github.com/user-attachments/assets/2cc3f03e-4328-4106-9e38-70f731548862\"\u003e\n\n\u003c/div\u003e\n\n_A simple and easy to use reactive UI library for Roblox._\n\nIt'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.\n\n## Installation\n\nYou can get Quark from the [Roblox Creator Store](https://create.roblox.com/store/asset/105183088809550).\nIt's adviced to put the Quark module in ReplicatedStorage.\n\nIf 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).\n\nIf you want a more \"stable\" release, download the `Quark.rbxm` file from the [Releases](https://github.com/creepersaur/Quark/releases/latest). (Releases are more stable.)\n\n# Documentation\n\nCheck out the [Docs](./docs/) for more info. It also serves as a tutorial for beginners.\n\n1. [Getting Started](./docs/1.GettingStarted.md)\n2. [New](./docs/2.New.md)\n3. [Reactivity](./docs/3.Reactivity.md)\n4. [Animations/Springs](./docs/4.Animations.Springs.md)\n4. [Animations/Tweens](./docs/5.Animations.Tweens.md)\n5. [StyleSheets](./docs/6.StyleSheets.md)\n6. [Stories](./docs/7.Stories.md)\n7. [Scopes](./docs/8.Scopes.md)\n8. [Premade UI](./docs/9.PremadeUI.md)\n\n# Examples\n\nExamples for stories are given in the [examples](./src/examples/) folder. For smaller examples and info, check Documentation above.\n\n## New:\n\n```lua\nlocal New = Quark.New\n\nNew \"Frame\" {\n    -- Set properties\n    Parent = script.parent,\n    Size = UDim2.fromOffset(100, 100),\n    BackgroundColor3 = Color3.new(1,0,0),\n\n    -- Set children\n    children = {\n        New \"TextButton\" {\n            Size = UDim2.fromOffset(75, 30)\n        }\n    }\n}\n-- EVENTS\n{\n    -- Events are function callbacks\n    MouseEnter = function(self, ...)\n        \n    end,\n}\n```\n\n## States:\n\n```lua\nlocal State = Quark.State\nlocal Counter = State(0) -- initialize\n\nCounter( Counter() + 1 ) -- increment\nprint(Counter()) -- print counter value\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreepersaur%2Fquark","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcreepersaur%2Fquark","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreepersaur%2Fquark/lists"}