React Roblox Example

A simple example project demonstrating how to build React-powered UI in Roblox using roblox-ts.

This is a Notepad UI built entirely with @rbxts/react and @rbxts/react-roblox

Prerequisites

• Node.js
• Rojo for syncing to Roblox Studio
• roblox-ts (npm install -g roblox-ts)

Project Structure

src/
  client/
    main.client.tsx      — Entry point, mounts the React tree to PlayerGui
    components/
      Notepad.tsx         — The Notepad UI component

Tech Stack

• roblox-ts — TypeScript to Luau compiler
• @rbxts/react — React bindings for Roblox
• @rbxts/react-roblox — React renderer for Roblox instances
• Lucide Icons — Icon set used via Roblox image assets