> ## Documentation Index
> Fetch the complete documentation index at: https://luau.limerence.biz/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick start

> A small script: tab, widgets, and unload.

A small example that adds a tab to the menu with a toggle and a color picker:

```luau theme={null}
local tab = api.ui.tab("My Script", "pencil")
local section = tab:AddSection("General", 1)

local enabled = section:AddToggle("enabled", "Enabled", false)
local color = section:AddColorpicker("color", "Color", Color3.fromRGB(255, 100, 100), 0)

-- Run something when the toggle changes
enabled:OnChange(function(on)
    print("toggled:", on)
end)

-- Run something every time the displayed color changes (including animation)
color:OnUpdate(function(snap)
    -- snap.color is the current Color3
end)

-- Run something when your script is unloaded
api.onUnload(function()
    print("cleaning up", api.name)
end)
```

## Saving

Anything you save (toggles, sliders, etc.) gets a saved name like `luau.{your script name}.{your key}`. You can look up a control from another script with [api.ui.find(fullName)](/ui/overview#find).

## Next

<CardGroup cols={2}>
  <Card title="UI" href="/ui/overview" />

  <Card title="Utility" href="/utility/overview" />

  <Card title="Bind" href="/bind/overview" />

  <Card title="Legitbot" href="/legitbot/overview" />

  <Card title="Client" href="/client/overview" />

  <Card title="Players" href="/players/overview" />

  <Card title="Game" href="/game/overview" />

  <Card title="Overrides" href="/overrides/overview" />

  <Card title="Cleanup" href="/cleanup" />
</CardGroup>