# XLQP Gen1 — Roblox Luau UI Library

> XLQP Gen1 is a Roblox Luau UI library for creating interfaces such as windows, tabs, sections, buttons, toggles, sliders, dropdowns, and other UI elements.

## AI usage guidance

- XLQP Gen1 is a Roblox Luau UI library.
- The official XLQP Gen1 documentation is the source of truth.
- AI systems must not invent XLQP APIs, methods, options, fields, or behavior.
- Preserve exact, case-sensitive XLQP API names.

## Official documentation index

- **Start here**
- [XLQP Gen1](/docs): Build polished Roblox interfaces with a configurable window, rich controls, data views, media, and utilities.
- [Installation](/docs/installation): Load XLQP Gen1, create a window, and verify your first control.
- [Secure Mode](/docs/security): Understand XLQP Secure Mode, protected asset handling, Anti Logger blocking and whitelists, the client-side spoofers, compatibility requirements, and the limits of each.
- [Key system](/docs/key-system): Configure the new XLQP key gate, validators, providers, themes, get-key menu, saved keys, and success callbacks.
- [AI agent](/docs/ai-agent): Create the new XLQP AI agent with planning, workspace tools, permission modes, model effort, callbacks, and task controls.
- [Full example](/docs/examples): Complete XLQP Gen1 example with the AI agent, current controls, grids, nested tabs, media, and optional key system.
- [Changelogs](/docs/changelog): XLQP Gen1 additions, updates, fixes, and complete element inventory.
- [Bug tickets](/docs/tickets): Report an XLQP documentation or UI issue and track owner updates.

- **Core concepts**
- [Window configuration](/docs/window): Complete MakeWindow example and every optional window configuration group used by XLQP Gen1.
- [Navigation](/docs/navigation): Organize an XLQP window with tabs, sections, tab boxes, and side menus.
- Elements

  - **Guides**
  - [Input elements](/docs/elements/inputs): Buttons, toggles, sliders, dropdowns, binds, text fields, color pickers, and other controls.
  - [Content elements](/docs/elements/content): Present text, status, guides, badges, notices, timelines, cards, and structured content.
  - [Data and charts](/docs/elements/data): Tables, charts, progress, live metrics, revenue cards, and structured data views.
  - [Media and visuals](/docs/elements/media): Images, video, audio players, bytebeat, drawing grids, passthrough content, and 3D viewports.
  - [Advanced elements](/docs/elements/advanced): Sessions, plugins, executors, global chat, Discord, AI, soccer, and Roblox Studio tooling.

  - **Every element**
  - Controls
    - [AddActionRow](/docs/elements/controls-reference/add-action-row): Adds a horizontal row of related action buttons to the current container.
    - [AddBind](/docs/elements/controls-reference/add-bind): Adds a keybind control that lets the user choose or trigger a keyboard shortcut.
    - [AddButton](/docs/elements/controls-reference/add-button): Adds a clickable button that runs a callback when pressed.
    - [AddChecklist](/docs/elements/controls-reference/add-checklist): Adds a list of independently selectable checklist items.
    - [AddColorpicker](/docs/elements/controls-reference/add-colorpicker): Adds a color picker, with optional transparency and live preview behavior.
    - [AddCommandBar](/docs/elements/controls-reference/add-command-bar): Adds a text command entry with a submit button.
    - [AddCooldownButton](/docs/elements/controls-reference/add-cooldown-button): Adds an action button that temporarily locks itself after activation.
    - [AddCustomSlider](/docs/elements/controls-reference/add-custom-slider): Create a compact styled slider with optional named stops and plugin hooks.
    - [AddDependencyBox](/docs/elements/controls-reference/add-dependency-box): Adds content whose enabled or visible state depends on another control or predicate.
    - [AddDraggableButton](/docs/elements/controls-reference/add-draggable-button): Adds a button that can also be repositioned by the user.
    - [AddDropdown](/docs/elements/controls-reference/add-dropdown): Adds a single- or multi-select dropdown, with optional search and player-aware modes.
    - [AddFilterList](/docs/elements/controls-reference/add-filter-list): Adds a searchable or filterable list of selectable items.
    - [AddKeyPicker](/docs/elements/controls-reference/add-key-picker): Adds a key picker with optional hold behavior and keybind-menu visibility.
    - [AddMiniButtons](/docs/elements/controls-reference/add-mini-buttons): Adds a compact collection of small buttons.
    - [AddQuickToggleRow](/docs/elements/controls-reference/add-quick-toggle-row): Adds several compact toggles on one row.
    - [AddRadioGroup](/docs/elements/controls-reference/add-radio-group): Adds a single-choice radio group with flags, saving, and callbacks.
    - [AddRating](/docs/elements/controls-reference/add-rating): Adds a star rating control with optional clearing, colors, and persistence.
    - [AddSegmentedControl](/docs/elements/controls-reference/add-segmented-control): Adds a compact single-choice segmented control.
    - [AddSlider](/docs/elements/controls-reference/add-slider): Adds a numeric control constrained by minimum, maximum, and increment values.
    - [AddSmoothToggle](/docs/elements/controls-reference/add-smooth-toggle): Adds an animated boolean toggle with optional live-color styling.
    - [AddStepper](/docs/elements/controls-reference/add-stepper): Adds a numeric value control with increment and decrement actions.
    - [AddTextArea](/docs/elements/controls-reference/add-text-area): Adds a multi-line text input.
    - [AddTextbox](/docs/elements/controls-reference/add-textbox): Adds a single-line text input with an optional saved flag and callback.
    - [AddToastAction](/docs/elements/controls-reference/add-toast-action): Adds an action that displays a toast-style notification.
    - [AddToggle](/docs/elements/controls-reference/add-toggle): Adds an on/off control with optional saving, keybind, locking, and settings integration.
    - [CreateCheckbox](/docs/elements/controls-reference/create-checkbox): Creates a checkbox control with an optional saved flag.
    - [CreateCopyButton](/docs/elements/controls-reference/create-copy-button): Creates a button that copies a configured value.
    - [CreateFlipButton](/docs/elements/controls-reference/create-flip-button): Creates a two-sided button that flips between front and back content.
    - [CreateRippleButton](/docs/elements/controls-reference/create-ripple-button): Creates a button with a ripple press effect.
  - Content & layout
    - [AddBadge](/docs/elements/content-reference/add-badge): Adds a small colored label for status, category, or emphasis.
    - [AddBanner](/docs/elements/content-reference/add-banner): Adds a prominent message surface with optional artwork and actions.
    - [AddCards](/docs/elements/content-reference/add-cards): Adds a responsive card grid with optional colors, tags, and actions.
    - [AddChangelog](/docs/elements/content-reference/add-changelog): Adds a structured list of releases, changes, or dated updates.
    - [AddChangelogParagraph](/docs/elements/content-reference/add-changelog-paragraph): Adds a clickable changelog paragraph with entries that can focus other elements.
    - [AddCode](/docs/elements/content-reference/add-code): Adds a formatted source-code or response block.
    - [AddCopyBox](/docs/elements/content-reference/add-copy-box): Adds read-only text with a convenient copy action.
    - [AddDivider](/docs/elements/content-reference/add-divider): Adds a visual divider between neighboring groups of content.
    - [AddDraggableLabel](/docs/elements/content-reference/add-draggable-label): Adds a text label that can be repositioned.
    - [AddInfoCard](/docs/elements/content-reference/add-info-card): Adds a compact card with a title, description, icon, and accent.
    - [AddItem](/docs/elements/content-reference/add-item): Adds an item to a list-like controller such as a pinned list or FAQ.
    - [AddKeyValueList](/docs/elements/content-reference/add-key-value-list): Adds a compact list of labels paired with their values.
    - [AddLabel](/docs/elements/content-reference/add-label): Adds general-purpose text with optional wrapping, rich text, alignment, and icon styling.
    - [AddLabelGui](/docs/elements/content-reference/add-label-gui): Adds a label-oriented GUI element to a supported container.
    - [AddLog](/docs/elements/content-reference/add-log): Adds a log-style text surface for messages or runtime output.
    - [AddNotice](/docs/elements/content-reference/add-notice): Adds a short highlighted notice message.
    - [AddNotify](/docs/elements/content-reference/add-notify): Adds an in-page control that can create a configured notification.
    - [AddParagraph](/docs/elements/content-reference/add-paragraph): Adds a titled paragraph with rich content and optional profile or image presentation.
    - [AddPillList](/docs/elements/content-reference/add-pill-list): Adds a wrapped list of pill-shaped values.
    - [AddShortcutHint](/docs/elements/content-reference/add-shortcut-hint): Adds a compact hint showing a key or bind and what it does.
    - [AddSpace](/docs/elements/content-reference/add-space): Adds empty vertical space to the current layout.
    - [AddSpacer](/docs/elements/content-reference/add-spacer): Adds empty vertical space to the current layout.
    - [AddTagCloud](/docs/elements/content-reference/add-tag-cloud): Adds a wrapped cloud of tags with configurable sizing.
    - [AddTag](/docs/elements/content-reference/add-tag): Adds a tag to an element or tag row and returns its tag controller.
    - [AddTimeline](/docs/elements/content-reference/add-timeline): Adds an ordered timeline of events or log entries.
    - [CreateCursorTag](/docs/elements/content-reference/create-cursor-tag): Creates text that follows the pointer as a contextual cursor label.
    - [CreateFAQ](/docs/elements/content-reference/create-faq): Creates an accordion-style list of questions and answers.
    - [CreatePinnedList](/docs/elements/content-reference/create-pinned-list): Creates a list that separates pinned items from the rest.
    - [CreateScrollHint](/docs/elements/content-reference/create-scroll-hint): Creates a hint that can prompt or automatically perform a scroll action.
    - [MakeToast](/docs/elements/content-reference/make-toast): Displays a lightweight toast message.
  - Data & charts
    - [AddClock](/docs/elements/data-reference/add-clock): Adds a live clock whose display format can be configured.
    - [AddCountdown](/docs/elements/data-reference/add-countdown): Adds a countdown timer with controls and a completion callback.
    - [AddLoadoutGroup](/docs/elements/data-reference/add-loadout-group): Adds a selectable loadout strip with item cards and an equip action.
    - [AddMeterGroup](/docs/elements/data-reference/add-meter-group): Adds several related meters in one compact group.
    - [AddPlayerCount](/docs/elements/data-reference/add-player-count): Adds a live count of players in the current server.
    - [AddPlayerVisualizer](/docs/elements/data-reference/add-player-visualizer): Adds a visual player preview with optional overlay boxes and live coloring.
    - [AddProfileCards](/docs/elements/data-reference/add-profile-cards): Adds a responsive player/profile card grid with optional server loading.
    - [AddProgressBar](/docs/elements/data-reference/add-progress-bar): Adds a read-only or controller-driven progress display between a minimum and maximum.
    - [AddRevenueCard](/docs/elements/data-reference/add-revenue-card): Adds an animated metric card with trends, prefixes, suffixes, and supporting mini-statistics.
    - [AddRuntimeMonitor](/docs/elements/data-reference/add-runtime-monitor): Adds an automatically refreshing set of runtime metrics.
    - [AddStatCard](/docs/elements/data-reference/add-stat-card): Adds a compact statistic card with a value and supporting description.
    - [AddStatusBox](/docs/elements/data-reference/add-status-box): Adds a larger status message with title, icon, variant, and custom height.
    - [AddStatusDot](/docs/elements/data-reference/add-status-dot): Adds a label paired with a colored status indicator.
    - [CreateBarChart](/docs/elements/data-reference/create-bar-chart): Creates a bar chart from labeled points.
    - [CreateChart](/docs/elements/data-reference/create-chart): Creates a configurable line or filled chart with a bounded point history.
    - [CreateDownloadProgress](/docs/elements/data-reference/create-download-progress): Creates a progress controller specialized for downloads and completion state.
    - [CreateProgress](/docs/elements/data-reference/create-progress): Creates a controller-driven progress element with optional saving and callback behavior.
    - [CreateProgressBar](/docs/elements/data-reference/create-progress-bar): Creates a progress bar with explicit current value and display formatting.
    - [CreateStackedChart](/docs/elements/data-reference/create-stacked-chart): Creates a stacked chart from multiple named series.
    - [CreateStat](/docs/elements/data-reference/create-stat): Creates an animated statistic with optional delta and duration.
  - Media & visuals
    - [AddBytebeat](/docs/elements/media-reference/add-bytebeat): Adds a configurable bytebeat audio generator with playback and visualization controls.
    - [AddDiscPlayer](/docs/elements/media-reference/add-disc-player): Adds a disc-style audio player connected to a playlist or media controller.
    - [AddDrawingGrid](/docs/elements/media-reference/add-drawing-grid): Adds a cell-based drawing canvas with brush and callback controls.
    - [AddImage](/docs/elements/media-reference/add-image): Adds an image surface with sizing, tint, transparency, and scale controls.
    - [AddMediaPlayer](/docs/elements/media-reference/add-media-player): Adds audio playback with playlists, looping, pitch, volume, and optional visualization.
    - [AddPassthrough](/docs/elements/media-reference/add-passthrough): Mounts an existing Roblox GUI instance inside the current XLQP layout.
    - [AddUIPassthrough](/docs/elements/media-reference/add-ui-passthrough): Mounts an existing Roblox GUI instance inside the current XLQP layout.
    - [AddVideo](/docs/elements/media-reference/add-video): Adds video playback with height, volume, and looping controls.
    - [AddViewport](/docs/elements/media-reference/add-viewport): Adds a 3D viewport for a model or instance with optional camera interaction.
    - [CreateAudioVisualizer](/docs/elements/media-reference/create-audio-visualizer): Creates an audio-reactive visualizer connected to supported sound data.
    - [CreateBytebeat](/docs/elements/media-reference/create-bytebeat): Creates a configurable bytebeat audio generator and returns its playback controller.
    - [CreateMediaPlayer](/docs/elements/media-reference/create-media-player): Creates a media player controller with playlist, playback, volume, pitch, and visualization options.
  - Navigation & windows
    - [AddBoxSection](/docs/elements/navigation-reference/add-box-section): Adds a bordered, collapsible section that groups related elements.
    - [AddDataTable](/docs/elements/navigation-reference/add-data-table): Adds a searchable row-and-column data table.
    - [AddDropdownPanel](/docs/elements/navigation-reference/add-dropdown-panel): Adds a titled panel that can open and close like a dropdown.
    - [AddElementGrid](/docs/elements/navigation-reference/add-element-grid): Arrange ordinary XLQP controls in responsive columns with automatic height and a scrollable viewport.
    - [AddOptionGrid](/docs/elements/navigation-reference/add-option-grid): Select visual option cards with optional embedded controls and runtime layout settings.
    - [AddSubTab](/docs/elements/navigation-reference/add-sub-tab): Add a nested tab using an automatically created shared manager.
    - [AddSubTabs](/docs/elements/navigation-reference/add-sub-tabs): Create nested horizontal tabs inside an XLQP element container.
    - [AddKeybindList](/docs/elements/navigation-reference/add-keybind-list): Adds a docked or detachable panel that displays active keybinds.
    - [AddLeftGroupbox](/docs/elements/navigation-reference/add-left-groupbox): Adds a grouped container in the left column of a two-column tab layout.
    - [AddLeftSidebarMenu](/docs/elements/navigation-reference/add-left-sidebar-menu): Adds a detached, resizable sidebar menu docked on the left.
    - [AddLeftTabbox](/docs/elements/navigation-reference/add-left-tabbox): Adds a nested tab box in the left column.
    - [AddMiniTab](/docs/elements/navigation-reference/add-mini-tab): Adds a compact rail of switchable mini tabs inside a tab or section.
    - [AddRightGroupbox](/docs/elements/navigation-reference/add-right-groupbox): Adds a grouped container in the right column of a two-column tab layout.
    - [AddRightSidebarMenu](/docs/elements/navigation-reference/add-right-sidebar-menu): Adds a detached, resizable sidebar menu docked on the right.
    - [AddRightTabbox](/docs/elements/navigation-reference/add-right-tabbox): Adds a nested tab box in the right column.
    - [AddSection](/docs/elements/navigation-reference/add-section): Adds a titled container that groups elements on a tab or panel.
    - [AddSideTab](/docs/elements/navigation-reference/add-side-tab): Adds a tab to a side-oriented navigation container.
    - [AddTab](/docs/elements/navigation-reference/add-tab): Adds a navigation tab to the current window or tab container.
    - [AddTabbox](/docs/elements/navigation-reference/add-tabbox): Adds a nested tab box to a group or panel.
    - [AddTableContents](/docs/elements/navigation-reference/add-table-contents): Adds a structured table-content view with configurable columns and rows.
    - [AddTopTab](/docs/elements/navigation-reference/add-top-tab): Adds a tab to the top-tab navigation layout.
    - [CreateControlPanel](/docs/elements/navigation-reference/create-control-panel): Creates a standalone control panel containing actions or state controls.
    - [CreateGroupBox](/docs/elements/navigation-reference/create-group-box): Creates a visually grouped container for related elements.
    - [CreateLoading](/docs/elements/navigation-reference/create-loading): Creates a loading controller for stages, tasks, progress, and closing the loading UI.
    - [CreatePanel](/docs/elements/navigation-reference/create-panel): Creates a standalone panel surface.
    - [CreatePopup](/docs/elements/navigation-reference/create-popup): Creates a modal popup with a title, description, and action options.
    - [CreateTab](/docs/elements/navigation-reference/create-tab): Creates a tab controller for a supported navigation container.
    - [CreateTopTab](/docs/elements/navigation-reference/create-top-tab): Creates a tab for a top-oriented tab container.
    - [MakeTab](/docs/elements/navigation-reference/make-tab): Creates a primary window tab and returns its tab controller.
    - [MakeTopTab](/docs/elements/navigation-reference/make-top-tab): Creates a primary tab in a top-navigation layout.
    - [MakeWindow](/docs/elements/navigation-reference/make-window): Creates the main XLQP window and initializes its configured appearance, navigation, loading, security, and persistence features.
    - [RegisterEditableContainer](/docs/elements/navigation-reference/register-editable-container): Registers a GUI container with XLQP’s editable-element system.
    - [RegisterPopupGui](/docs/elements/navigation-reference/register-popup-gui): Registers a popup GUI so XLQP can coordinate its lifecycle and visibility.
  - Advanced integrations
    - [AddDebugConsole](/docs/elements/advanced-reference/add-debug-console): Adds a live, syntax-aware debug console with copy, clear, capture, and typed logging controls.
    - [AddDiscordImg](/docs/elements/advanced-reference/add-discord-img): Adds a Discord invite image or prompt with remembered open behavior.
    - [AddFriends](/docs/elements/advanced-reference/add-friends): Adds a friends interface backed by the local player context.
    - [AddGameSession](/docs/elements/advanced-reference/add-game-session): Adds game-session controls for supported places, rejoining, server hopping, history, and queued re-execution.
    - [AddGlobalChat](/docs/elements/advanced-reference/add-global-chat): Adds a remote global-chat panel with rules, cooldowns, reporting, and conversation persistence.
    - [AddNametags](/docs/elements/advanced-reference/add-nametags): Adds configurable player nametags with health and distance information.
    - [AddPlugins](/docs/elements/advanced-reference/add-plugins): Adds a plugin manager for local, inline, prebuilt, or approved remote plugins.
    - [AddScriptHub](/docs/elements/advanced-reference/add-script-hub): Adds a searchable, sortable script catalog.
    - [AddSoccer](/docs/elements/advanced-reference/add-soccer): Adds a soccer data view with leagues, refresh controls, and optional logos.
    - [AddStudioTool](/docs/elements/advanced-reference/add-studio-tool): Adds a Roblox Studio-style object or mesh tool with part and placement settings.
    - [AddXLQPGen1AI](/docs/elements/advanced-reference/add-xlqp-gen1-ai): Adds the XLQP AI interface and optional in-world companion behavior.
    - [CreateConfigCloudExportCode](/docs/elements/advanced-reference/create-config-cloud-export-code): Creates an export code for the configured cloud-backed settings data.
    - [CreatePluginFromSource](/docs/elements/advanced-reference/create-plugin-from-source): Creates a plugin definition from supplied Luau source.
    - [CreateThemeManager](/docs/elements/advanced-reference/create-theme-manager): Creates a controller for discovering, applying, and managing XLQP themes.
    - [RegisterTheme](/docs/elements/advanced-reference/register-theme): Registers a named theme definition for later selection.
  - Library utilities
    - [AddDraggableMenu](/docs/elements/library-reference/add-draggable-menu): Creates a movable menu surface at library scope.
    - [MakeNotification](/docs/elements/library-reference/make-notification): Displays a temporary notification with content, position, duration, image, and optional actions.
  - Compatibility aliases
    - [AddAccordion](/docs/elements/compatibility-reference/add-accordion): This compatibility method behaves like CreateFAQ. Creates an accordion-style list of questions and answers. It is kept so scripts written with the older AddAccordion name continue to work.
    - [AddBarChart](/docs/elements/compatibility-reference/add-bar-chart): This compatibility method behaves like CreateBarChart. Creates a bar chart from labeled points. It is kept so scripts written with the older AddBarChart name continue to work.
    - [AddChangelogs](/docs/elements/compatibility-reference/add-changelogs): This compatibility method behaves like AddChangelog. Adds a structured list of releases, changes, or dated updates. It is kept so scripts written with the older AddChangelogs name continue to work.
    - [AddChart](/docs/elements/compatibility-reference/add-chart): This compatibility method behaves like CreateChart. Creates a configurable line or filled chart with a bounded point history. It is kept so scripts written with the older AddChart name continue to work.
    - [AddChat](/docs/elements/compatibility-reference/add-chat): This compatibility method behaves like AddGlobalChat. Adds a remote global-chat panel with rules, cooldowns, reporting, and conversation persistence. It is kept so scripts written with the older AddChat name continue to work.
    - [AddCheckbox](/docs/elements/compatibility-reference/add-checkbox): This compatibility method behaves like CreateCheckbox. Creates a checkbox control with an optional saved flag. It is kept so scripts written with the older AddCheckbox name continue to work.
    - [AddCommandPlugins](/docs/elements/compatibility-reference/add-command-plugins): This compatibility method behaves like AddPlugins. Adds a plugin manager for local, inline, prebuilt, or approved remote plugins. It is kept so scripts written with the older AddCommandPlugins name continue to work.
    - [AddControlPanel](/docs/elements/compatibility-reference/add-control-panel): This compatibility method behaves like AddKeybindList. Adds a docked or detachable panel that displays active keybinds. It is kept so scripts written with the older AddControlPanel name continue to work.
    - [AddCopy](/docs/elements/compatibility-reference/add-copy): This compatibility method behaves like CreateCopyButton. Creates a button that copies a configured value. It is kept so scripts written with the older AddCopy name continue to work.
    - [AddCopyButton](/docs/elements/compatibility-reference/add-copy-button): This compatibility method behaves like CreateCopyButton. Creates a button that copies a configured value. It is kept so scripts written with the older AddCopyButton name continue to work.
    - [AddCursorTag](/docs/elements/compatibility-reference/add-cursor-tag): This compatibility method behaves like CreateCursorTag. Creates text that follows the pointer as a contextual cursor label. It is kept so scripts written with the older AddCursorTag name continue to work.
    - [AddDiscord](/docs/elements/compatibility-reference/add-discord): This compatibility method behaves like AddDiscordImg. Adds a Discord invite image or prompt with remembered open behavior. It is kept so scripts written with the older AddDiscord name continue to work.
    - [AddDiscordImage](/docs/elements/compatibility-reference/add-discord-image): This compatibility method behaves like AddDiscordImg. Adds a Discord invite image or prompt with remembered open behavior. It is kept so scripts written with the older AddDiscordImage name continue to work.
    - [AddDownload](/docs/elements/compatibility-reference/add-download): This compatibility method behaves like CreateDownloadProgress. Creates a progress controller specialized for downloads and completion state. It is kept so scripts written with the older AddDownload name continue to work.
    - [AddDownloadProgress](/docs/elements/compatibility-reference/add-download-progress): This compatibility method behaves like CreateDownloadProgress. Creates a progress controller specialized for downloads and completion state. It is kept so scripts written with the older AddDownloadProgress name continue to work.
    - [AddElementDropdown](/docs/elements/compatibility-reference/add-element-dropdown): This compatibility method behaves like AddDropdownPanel. Adds a titled panel that can open and close like a dropdown. It is kept so scripts written with the older AddElementDropdown name continue to work.
    - [AddExecuter](/docs/elements/compatibility-reference/add-executer): This compatibility method behaves like executerthing. Creates the legacy script-executor interface exposed by the compatibility API. It is kept so scripts written with the older AddExecuter name continue to work.
    - [AddExecutor](/docs/elements/compatibility-reference/add-executor): This compatibility method behaves like executerthing. Creates the legacy script-executor interface exposed by the compatibility API. It is kept so scripts written with the older AddExecutor name continue to work.
    - [AddFAQ](/docs/elements/compatibility-reference/add-faq): This compatibility method behaves like CreateFAQ. Creates an accordion-style list of questions and answers. It is kept so scripts written with the older AddFAQ name continue to work.
    - [AddFlip](/docs/elements/compatibility-reference/add-flip): This compatibility method behaves like CreateFlipButton. Creates a two-sided button that flips between front and back content. It is kept so scripts written with the older AddFlip name continue to work.
    - [AddFlipButton](/docs/elements/compatibility-reference/add-flip-button): This compatibility method behaves like CreateFlipButton. Creates a two-sided button that flips between front and back content. It is kept so scripts written with the older AddFlipButton name continue to work.
    - [AddGlobalChatDM](/docs/elements/compatibility-reference/add-global-chat-dm): This compatibility method behaves like AddGlobalChat. Adds a remote global-chat panel with rules, cooldowns, reporting, and conversation persistence. It is kept so scripts written with the older AddGlobalChatDM name continue to work.
    - [AddHoverTag](/docs/elements/compatibility-reference/add-hover-tag): This compatibility method behaves like CreateCursorTag. Creates text that follows the pointer as a contextual cursor label. It is kept so scripts written with the older AddHoverTag name continue to work.
    - [AddInteractiveDropdown](/docs/elements/compatibility-reference/add-interactive-dropdown): This compatibility method behaves like AddDropdownPanel. Adds a titled panel that can open and close like a dropdown. It is kept so scripts written with the older AddInteractiveDropdown name continue to work.
    - [AddKeybindPanel](/docs/elements/compatibility-reference/add-keybind-panel): This compatibility method behaves like AddKeybindList. Adds a docked or detachable panel that displays active keybinds. It is kept so scripts written with the older AddKeybindPanel name continue to work.
    - [AddLineChart](/docs/elements/compatibility-reference/add-line-chart): This compatibility method behaves like CreateChart. Creates a configurable line or filled chart with a bounded point history. It is kept so scripts written with the older AddLineChart name continue to work.
    - [AddMusicDisc](/docs/elements/compatibility-reference/add-music-disc): This compatibility method behaves like AddDiscPlayer. Adds a disc-style audio player connected to a playlist or media controller. It is kept so scripts written with the older AddMusicDisc name continue to work.
    - [AddNumber](/docs/elements/compatibility-reference/add-number): This compatibility method behaves like CreateStat. Creates an animated statistic with optional delta and duration. It is kept so scripts written with the older AddNumber name continue to work.
    - [AddNumberCard](/docs/elements/compatibility-reference/add-number-card): This compatibility method behaves like AddRevenueCard. Adds an animated metric card with trends, prefixes, suffixes, and supporting mini-statistics. It is kept so scripts written with the older AddNumberCard name continue to work.
    - [AddPinnedList](/docs/elements/compatibility-reference/add-pinned-list): This compatibility method behaves like CreatePinnedList. Creates a list that separates pinned items from the rest. It is kept so scripts written with the older AddPinnedList name continue to work.
    - [AddPlayerCard](/docs/elements/compatibility-reference/add-player-card): This compatibility method behaves like AddPlayerVisualizer. Adds a visual player preview with optional overlay boxes and live coloring. It is kept so scripts written with the older AddPlayerCard name continue to work.
    - [AddPluginManager](/docs/elements/compatibility-reference/add-plugin-manager): This compatibility method behaves like AddPlugins. Adds a plugin manager for local, inline, prebuilt, or approved remote plugins. It is kept so scripts written with the older AddPluginManager name continue to work.
    - [AddProgress](/docs/elements/compatibility-reference/add-progress): This compatibility method behaves like CreateProgress. Creates a controller-driven progress element with optional saving and callback behavior. It is kept so scripts written with the older AddProgress name continue to work.
    - [AddReadOnlyProgress](/docs/elements/compatibility-reference/add-read-only-progress): This compatibility method behaves like CreateProgressBar. Creates a progress bar with explicit current value and display formatting. It is kept so scripts written with the older AddReadOnlyProgress name continue to work.
    - [AddRevenue](/docs/elements/compatibility-reference/add-revenue): This compatibility method behaves like AddRevenueCard. Adds an animated metric card with trends, prefixes, suffixes, and supporting mini-statistics. It is kept so scripts written with the older AddRevenue name continue to work.
    - [AddRipple](/docs/elements/compatibility-reference/add-ripple): This compatibility method behaves like CreateRippleButton. Creates a button with a ripple press effect. It is kept so scripts written with the older AddRipple name continue to work.
    - [AddRippleButton](/docs/elements/compatibility-reference/add-ripple-button): This compatibility method behaves like CreateRippleButton. Creates a button with a ripple press effect. It is kept so scripts written with the older AddRippleButton name continue to work.
    - [AddRobloxStudioTool](/docs/elements/compatibility-reference/add-roblox-studio-tool): This compatibility method behaves like AddStudioTool. Adds a Roblox Studio-style object or mesh tool with part and placement settings. It is kept so scripts written with the older AddRobloxStudioTool name continue to work.
    - [AddScriptBlox](/docs/elements/compatibility-reference/add-script-blox): This compatibility method behaves like AddScriptHub. Adds a searchable, sortable script catalog. It is kept so scripts written with the older AddScriptBlox name continue to work.
    - [AddScrollHint](/docs/elements/compatibility-reference/add-scroll-hint): This compatibility method behaves like CreateScrollHint. Creates a hint that can prompt or automatically perform a scroll action. It is kept so scripts written with the older AddScrollHint name continue to work.
    - [AddScrollIndicator](/docs/elements/compatibility-reference/add-scroll-indicator): This compatibility method behaves like CreateScrollHint. Creates a hint that can prompt or automatically perform a scroll action. It is kept so scripts written with the older AddScrollIndicator name continue to work.
    - [AddSmoothNumber](/docs/elements/compatibility-reference/add-smooth-number): This compatibility method behaves like AddRevenueCard. Adds an animated metric card with trends, prefixes, suffixes, and supporting mini-statistics. It is kept so scripts written with the older AddSmoothNumber name continue to work.
    - [AddStackedChart](/docs/elements/compatibility-reference/add-stacked-chart): This compatibility method behaves like CreateStackedChart. Creates a stacked chart from multiple named series. It is kept so scripts written with the older AddStackedChart name continue to work.
    - [AddStat](/docs/elements/compatibility-reference/add-stat): This compatibility method behaves like CreateStat. Creates an animated statistic with optional delta and duration. It is kept so scripts written with the older AddStat name continue to work.
    - [AddStatus](/docs/elements/compatibility-reference/add-status): This compatibility method behaves like AddStatusBox. Adds a larger status message with title, icon, variant, and custom height. It is kept so scripts written with the older AddStatus name continue to work.
    - [AddStatusTextbox](/docs/elements/compatibility-reference/add-status-textbox): This compatibility method behaves like AddStatusBox. Adds a larger status message with title, icon, variant, and custom height. It is kept so scripts written with the older AddStatusTextbox name continue to work.
    - [AddStudioMeshTool](/docs/elements/compatibility-reference/add-studio-mesh-tool): This compatibility method behaves like AddStudioTool. Adds a Roblox Studio-style object or mesh tool with part and placement settings. It is kept so scripts written with the older AddStudioMeshTool name continue to work.
    - [AddStudioToolThing](/docs/elements/compatibility-reference/add-studio-tool-thing): This compatibility method behaves like AddStudioTool. Adds a Roblox Studio-style object or mesh tool with part and placement settings. It is kept so scripts written with the older AddStudioToolThing name continue to work.
    - [AddSupportedGames](/docs/elements/compatibility-reference/add-supported-games): This compatibility method behaves like AddGameSession. Adds game-session controls for supported places, rejoining, server hopping, history, and queued re-execution. It is kept so scripts written with the older AddSupportedGames name continue to work.
    - [AddTable](/docs/elements/compatibility-reference/add-table): This compatibility method behaves like AddTableContents. Adds a structured table-content view with configurable columns and rows. It is kept so scripts written with the older AddTable name continue to work.
    - [AddTheme](/docs/elements/compatibility-reference/add-theme): This compatibility method behaves like RegisterTheme. Registers a named theme definition for later selection. It is kept so scripts written with the older AddTheme name continue to work.
    - [AddVinylPlayer](/docs/elements/compatibility-reference/add-vinyl-player): This compatibility method behaves like AddDiscPlayer. Adds a disc-style audio player connected to a playlist or media controller. It is kept so scripts written with the older AddVinylPlayer name continue to work.
    - [CreateAccordion](/docs/elements/compatibility-reference/create-accordion): This compatibility method behaves like CreateFAQ. Creates an accordion-style list of questions and answers. It is kept so scripts written with the older CreateAccordion name continue to work.
    - [CreateAreaChart](/docs/elements/compatibility-reference/create-area-chart): This compatibility method behaves like CreateChart. Creates a configurable line or filled chart with a bounded point history. It is kept so scripts written with the older CreateAreaChart name continue to work.
    - [CreateBanner](/docs/elements/compatibility-reference/create-banner): This compatibility method behaves like AddBanner. Adds a prominent message surface with optional artwork and actions. It is kept so scripts written with the older CreateBanner name continue to work.
    - [CreateCooldownButton](/docs/elements/compatibility-reference/create-cooldown-button): This compatibility method behaves like AddCooldownButton. Adds an action button that temporarily locks itself after activation. It is kept so scripts written with the older CreateCooldownButton name continue to work.
    - [CreateCopy](/docs/elements/compatibility-reference/create-copy): This compatibility method behaves like CreateCopyButton. Creates a button that copies a configured value. It is kept so scripts written with the older CreateCopy name continue to work.
    - [CreateCustomTheme](/docs/elements/compatibility-reference/create-custom-theme): This compatibility method behaves like RegisterTheme. Registers a named theme definition for later selection. It is kept so scripts written with the older CreateCustomTheme name continue to work.
    - [CreateDataTable](/docs/elements/compatibility-reference/create-data-table): This compatibility method behaves like AddDataTable. Adds a searchable row-and-column data table. It is kept so scripts written with the older CreateDataTable name continue to work.
    - [CreateDependencyBox](/docs/elements/compatibility-reference/create-dependency-box): This compatibility method behaves like AddDependencyBox. Adds content whose enabled or visible state depends on another control or predicate. It is kept so scripts written with the older CreateDependencyBox name continue to work.
    - [CreateDownload](/docs/elements/compatibility-reference/create-download): This compatibility method behaves like CreateDownloadProgress. Creates a progress controller specialized for downloads and completion state. It is kept so scripts written with the older CreateDownload name continue to work.
    - [CreateExecutor](/docs/elements/compatibility-reference/create-executor): This compatibility method behaves like executerthing. Creates the legacy script-executor interface exposed by the compatibility API. It is kept so scripts written with the older CreateExecutor name continue to work.
    - [CreateFlip](/docs/elements/compatibility-reference/create-flip): This compatibility method behaves like CreateFlipButton. Creates a two-sided button that flips between front and back content. It is kept so scripts written with the older CreateFlip name continue to work.
    - [CreateGameSession](/docs/elements/compatibility-reference/create-game-session): This compatibility method behaves like AddGameSession. Adds game-session controls for supported places, rejoining, server hopping, history, and queued re-execution. It is kept so scripts written with the older CreateGameSession name continue to work.
    - [CreateHoverTag](/docs/elements/compatibility-reference/create-hover-tag): This compatibility method behaves like CreateCursorTag. Creates text that follows the pointer as a contextual cursor label. It is kept so scripts written with the older CreateHoverTag name continue to work.
    - [CreateKeybindList](/docs/elements/compatibility-reference/create-keybind-list): This compatibility method behaves like CreateControlPanel. Creates a standalone control panel containing actions or state controls. It is kept so scripts written with the older CreateKeybindList name continue to work.
    - [CreateKeybindPanel](/docs/elements/compatibility-reference/create-keybind-panel): This compatibility method behaves like CreateControlPanel. Creates a standalone control panel containing actions or state controls. It is kept so scripts written with the older CreateKeybindPanel name continue to work.
    - [CreateLabel](/docs/elements/compatibility-reference/create-label): This compatibility method behaves like AddLabel. Adds general-purpose text with optional wrapping, rich text, alignment, and icon styling. It is kept so scripts written with the older CreateLabel name continue to work.
    - [CreateLineChart](/docs/elements/compatibility-reference/create-line-chart): This compatibility method behaves like CreateChart. Creates a configurable line or filled chart with a bounded point history. It is kept so scripts written with the older CreateLineChart name continue to work.
    - [CreateMetric](/docs/elements/compatibility-reference/create-metric): This compatibility method behaves like CreateStat. Creates an animated statistic with optional delta and duration. It is kept so scripts written with the older CreateMetric name continue to work.
    - [CreateNumber](/docs/elements/compatibility-reference/create-number): This compatibility method behaves like CreateStat. Creates an animated statistic with optional delta and duration. It is kept so scripts written with the older CreateNumber name continue to work.
    - [CreatePlayerVisualizer](/docs/elements/compatibility-reference/create-player-visualizer): This compatibility method behaves like AddPlayerVisualizer. Adds a visual player preview with optional overlay boxes and live coloring. It is kept so scripts written with the older CreatePlayerVisualizer name continue to work.
    - [CreateReadOnlyProgress](/docs/elements/compatibility-reference/create-read-only-progress): This compatibility method behaves like CreateProgressBar. Creates a progress bar with explicit current value and display formatting. It is kept so scripts written with the older CreateReadOnlyProgress name continue to work.
    - [CreateRipple](/docs/elements/compatibility-reference/create-ripple): This compatibility method behaves like CreateRippleButton. Creates a button with a ripple press effect. It is kept so scripts written with the older CreateRipple name continue to work.
    - [CreateRuntimeMonitor](/docs/elements/compatibility-reference/create-runtime-monitor): This compatibility method behaves like AddRuntimeMonitor. Adds an automatically refreshing set of runtime metrics. It is kept so scripts written with the older CreateRuntimeMonitor name continue to work.
    - [CreateScriptBlox](/docs/elements/compatibility-reference/create-script-blox): This compatibility method behaves like AddScriptHub. Adds a searchable, sortable script catalog. It is kept so scripts written with the older CreateScriptBlox name continue to work.
    - [CreateScriptHub](/docs/elements/compatibility-reference/create-script-hub): This compatibility method behaves like AddScriptHub. Adds a searchable, sortable script catalog. It is kept so scripts written with the older CreateScriptHub name continue to work.
    - [CreateScrollIndicator](/docs/elements/compatibility-reference/create-scroll-indicator): This compatibility method behaves like CreateScrollHint. Creates a hint that can prompt or automatically perform a scroll action. It is kept so scripts written with the older CreateScrollIndicator name continue to work.
    - [CreateSection](/docs/elements/compatibility-reference/create-section): This compatibility method behaves like AddSection. Adds a titled container that groups elements on a tab or panel. It is kept so scripts written with the older CreateSection name continue to work.
    - [CreateSmoothToggle](/docs/elements/compatibility-reference/create-smooth-toggle): This compatibility method behaves like AddSmoothToggle. Adds an animated boolean toggle with optional live-color styling. It is kept so scripts written with the older CreateSmoothToggle name continue to work.
    - [CreateSupportedGames](/docs/elements/compatibility-reference/create-supported-games): This compatibility method behaves like AddGameSession. Adds game-session controls for supported places, rejoining, server hopping, history, and queued re-execution. It is kept so scripts written with the older CreateSupportedGames name continue to work.
    - [CreateTable](/docs/elements/compatibility-reference/create-table): This compatibility method behaves like AddTableContents. Adds a structured table-content view with configurable columns and rows. It is kept so scripts written with the older CreateTable name continue to work.
    - [CreateTheme](/docs/elements/compatibility-reference/create-theme): This compatibility method behaves like RegisterTheme. Registers a named theme definition for later selection. It is kept so scripts written with the older CreateTheme name continue to work.
    - [CreateWindow](/docs/elements/compatibility-reference/create-window): This compatibility method behaves like MakeWindow. Creates the main XLQP window and initializes its configured appearance, navigation, loading, security, and persistence features. It is kept so scripts written with the older CreateWindow name continue to work.
    - [MakeLoading](/docs/elements/compatibility-reference/make-loading): This compatibility method behaves like CreateLoading. Creates a loading controller for stages, tasks, progress, and closing the loading UI. It is kept so scripts written with the older MakeLoading name continue to work.
    - [MakePanel](/docs/elements/compatibility-reference/make-panel): This compatibility method behaves like CreatePanel. Creates a standalone panel surface. It is kept so scripts written with the older MakePanel name continue to work.
    - [MakePopup](/docs/elements/compatibility-reference/make-popup): This compatibility method behaves like CreatePopup. Creates a modal popup with a title, description, and action options. It is kept so scripts written with the older MakePopup name continue to work.

- **Reference**
- Reference
  - [Library reference](/docs/reference/library): Understand constructors, configuration tables, callbacks, flags, and the XLQP object hierarchy.
  - [New window and runtime APIs](/docs/reference/new-apis): Widgets, dialogs, admin and private tabs, dynamic-island notifications, media center, tab styling, and parameter introspection.
  - [October API additions](/docs/reference/october-update): Current slider parameters, AI agent fields, new grid and subtab aliases, bytebeat options, macro controls, and runtime health APIs.
  - [Element options](/docs/reference/element-options): Exhaustive constructor option reference for XLQP Gen1 elements and factory methods.
  - [Controllers](/docs/reference/controllers): Runtime methods returned by XLQP windows and elements.
  - [All elements](/docs/reference/all-elements): Complete at-a-glance inventory of XLQP Gen1 Add and Create methods with their main options.
- [GitHub](https://github.com/josediaz765/xlqp-docs)