# Gabibou UI

> Build responsive Roblox interfaces in Luau with controls, themes, icons, loading screens, and lifecycle helpers.

- [Gabibou UI](https://gabibou-ui.mintlify.app/index.md): A beginner-friendly guide to building your first Roblox interface with Luau.
- [Quickstart](https://gabibou-ui.mintlify.app/getting-started/quickstart.md): Load Gabibou UI and build a small menu with a toggle and slider.
- [Installation](https://gabibou-ui.mintlify.app/getting-started/installation.md): Choose a supported client loader or set up Gabibou UI in Roblox Studio.
- [Complete quickstart example](https://gabibou-ui.mintlify.app/examples/quickstart.md): A copyable ModuleScript example with controls, callbacks, and value updates.
- [Loading example](https://gabibou-ui.mintlify.app/examples/loading.md): Report sequential startup work through a standalone loader.
- [Discord community prompt](https://gabibou-ui.mintlify.app/examples/discord-prompt.md): Opt in to a simple invite prompt or open one on demand.
- [Key gate with Discord](https://gabibou-ui.mintlify.app/examples/key-discord.md): Complete Launch example with a Discord invite and a server-backed key check.
- [Key provider examples](https://gabibou-ui.mintlify.app/examples/key-providers.md): Connect key gates to Luarmor, Vampauth, KeyAuth, or your own validator.
- [External key service from a Roblox server](https://gabibou-ui.mintlify.app/examples/key-external-server.md): Keep a provider credential on the server and adapt its HTTP contract to a key gate.
- [Server validation example](https://gabibou-ui.mintlify.app/examples/server-validation.md): Keep key checks on the server and use a RemoteFunction from the client.
- [Remote loading example](https://gabibou-ui.mintlify.app/examples/remote-loading.md): Load Gabibou UI in one line, or handle download and compile errors separately.
- [Controls](https://gabibou-ui.mintlify.app/customization/controls.md): Add buttons, toggles, sliders, and other controls to a window.
- [Values and configuration](https://gabibou-ui.mintlify.app/customization/values-and-config.md): Read, update, export, and persist control values.
- [Commands and presets](https://gabibou-ui.mintlify.app/customization/commands-and-presets.md): Add searchable actions and named configurations, with optional storage across launches.
- [Appearance and responsive layout](https://gabibou-ui.mintlify.app/customization/appearance-and-layout.md): Configure themes, styles, motion, and adaptive layouts.
- [Icons and branding](https://gabibou-ui.mintlify.app/customization/icons-and-branding.md): Use the native icon catalogue and customize window branding.
- [Loading screens](https://gabibou-ui.mintlify.app/customization/loading-screens.md): Show real startup progress and customize the loader layout.
- [Key systems and providers](https://gabibou-ui.mintlify.app/customization/key-systems.md): Connect a key gate to Luarmor, Vampauth, KeyAuth, a custom provider, or a server validator.
- [Events and lifecycle](https://gabibou-ui.mintlify.app/customization/events-and-lifecycle.md): Subscribe to UI events and release resources with their owner.
- [Animations and custom components](https://gabibou-ui.mintlify.app/customization/animations-and-components.md): Use managed tweens and build reusable interface components.
- [Notifications and confirmation](https://gabibou-ui.mintlify.app/customization/notifications.md): Show status notifications and ask for user confirmation.
- [API reference](https://gabibou-ui.mintlify.app/reference/api.md): Public methods, lifecycle objects, defaults, and important limits.
- [Customization reference](https://gabibou-ui.mintlify.app/reference/customization.md): Exact defaults, ranges, and runtime behavior for the main customization APIs.
- [Icon catalogue](https://gabibou-ui.mintlify.app/reference/icon-catalogue.md): Preview, stable names, and IDs for all 96 built-in vector icons.
- [Quality status](https://gabibou-ui.mintlify.app/reference/quality.md): Verified checks and remaining validation for this release candidate.
- [Design your interface](https://gabibou-ui.mintlify.app/customization/design-your-interface.md): Choose a preset, then adjust size, placement, transparency, motion, and icons.
- [Use with AI](https://gabibou-ui.mintlify.app/getting-started/use-with-ai.md): Connect an MCP-capable AI tool to the published Gabibou UI documentation.
- [AI agent guide](https://gabibou-ui.mintlify.app/ai/agent-guide.md): A practical, source-aware guide for AI coding agents building with Gabibou UI.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.