React Lua ui
Need help with roact?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
Roblox

Description

A view management library for Roblox Lua similar to React

177 Stars 53 Forks Apache License 2.0 432 Commits 53 Opened issues

Services available

Need anything else?

Roact

GitHub Actions Build Status Coveralls Coverage Documentation
A declarative UI library for Roblox Lua inspired by React.
 

Installation

Method 1: Model File (Roblox Studio)

  • Download the
    rbxm
    model file attached to the latest release from the GitHub releases page.
  • Insert the model into Studio into a place like
    ReplicatedStorage

Method 2: Filesystem

  • Copy the
    src
    directory into your codebase
  • Rename the folder to
    Roact
  • Use a plugin like Rojo to sync the files into a place

Documentation

For a detailed guide and examples, check out the official Roact documentation.

local LocalPlayer = game:GetService("Players").LocalPlayer

local Roact = require(Roact)

-- Create our virtual tree describing a full-screen text label. local tree = Roact.createElement("ScreenGui", {}, { Label = Roact.createElement("TextLabel", { Text = "Hello, world!", Size = UDim2.new(1, 0, 1, 0), }), })

-- Turn our virtual tree into real instances and put them in PlayerGui Roact.mount(tree, LocalPlayer.PlayerGui, "HelloWorld")

License

Roact is available under the Apache 2.0 license. See LICENSE.txt for details.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.