FragmentFragment

Introduction

A simple module to manage Roblox's UI components inspired by React.

Fragment is a simple module I made to manage Roblox's imperative UI instance system inspired by React. It currently supports state management, effects, declarative rendering, global stores, reusable components and more, allowing you to build reactive user interfaces whilst still using default Roblox's UI components.

Feel free to support my work by following my Roblox profile.

If you wanna test it out yourself, you can either download a copy here or play the demo game on roblox.


What Fragment provides

  • Handles — bind a renderer to a specific UI path
  • Components — reusable template-backed renderers with full reactive access
  • Reactive bindings — local bind, derive, hold, await...
  • Global stores — centralized reactive state shared across Handles
  • Contexts — shared value objects
  • Composable hooks — reusable logic via Fragment.compose
  • Diffing containers — efficient dynamic child management
  • Effect lifecycle — automatic cleanup between renders

API Reference


Made with ❤️ - @Cheeteau

On this page