https://github.com/centau/vide

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

declarative luau reactive roblox ui

Last synced: 8 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-11T09:11:47.000Z (23 days ago)
• Last Synced: 2024-09-11T12:16:00.424Z (23 days ago)
• Topics: declarative, luau, reactive, roblox, ui
• Language: Luau
• Homepage: https://centau.github.io/vide/
• Size: 271 KB
• Stars: 75
• Watchers: 5
• Forks: 14
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

• 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

```lua

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

```