Iona

Declarative UI modifiers for Fusion, creating UI just like how you do with SwiftUI (and more)

About

Iona extends Roblox's base UI classes for Fusion by integrating layout constraints and visual modifiers directly into the component API.

Example

local scope = Fusion.scoped(Fusion, Iona)

scope:Wew "Frame" {
  BackgroundColor3 = Color3.new(1, 1, 1),
  AutomaticSize = Enum.AutomaticSize.XY,
  Padding = { 12, 16 },
  CornerRadius = 8,
  Layout = {
    Kind = "List",
    Padding = 8,
    SortOrder = Enum.SortOrder.LayoutOrder,
  },
  [Children] = {
    scope:TextLabel {
      Text = "Hello Iona!",
      AutomaticSize = Enum.AutomaticSize.XY,
      BackgroundTransparency = 1,
    },
  },
}

Modifiers are keys in the same Fusion property table (not method chains). See docs/api/index.md.

Working on this?

Be extra, extra sure to always run wally-package-types after installing the toolings and packages. Otherwise, you would be dealing with lot of type errors.