https://github.com/centau/vide

A reactive Luau library for creating UI.
https://github.com/centau/vide

declarative luau reactive roblox ui

Last synced: 5 days ago
JSON representation

A reactive Luau library for creating UI.

• Host: GitHub
• URL: https://github.com/centau/vide
• Owner: centau
• License: mit
• Created: 2023-01-29T22:39:16.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-01-17T02:06:54.000Z (6 days ago)
• Last Synced: 2025-01-17T03:18:51.454Z (6 days ago)
• Topics: declarative, luau, reactive, roblox, ui
• Language: Luau
• Homepage: https://centau.github.io/vide/
• Size: 453 KB
• Stars: 106
• Watchers: 5
• Forks: 17
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-roblox - Vide - A reactive Luau library for creating UI. (Libraries / UI)
• awesome-roblox - Vide

README

        





    



Vide is a reactive Luau UI library inspired by [Solid](https://www.solidjs.com/).

- Fully Luau typecheckable

- Declarative and concise syntax.

- Reactively driven.

## Getting started

Read the

[crash course](https://centau.github.io/vide/tut/crash-course/1-introduction)

for a quick introduction to the library.

## Code sample

```luau

local create = vide.create

local source = vide.source

local function Counter()

    local count = source(0)

    return create "TextButton" {

        Text = function()

            return "count: " .. count()

        end,

        Activated = function()

            count(count() + 1)

        end

    }

end

```