# XGENIA Documentation > XGENIA is a visual development environment for building web apps and games: compose UIs and logic from nodes, mix in JavaScript where needed, and connect to cloud data. These docs cover getting started, how-to guides, the node reference, the JavaScript API and the library of modules and prefabs. Every page is available as Markdown by adding `.md` to its path (for example https://docsapp.xgenia.com/docs/getting-started/workflow.md). All pages in one file: https://docsapp.xgenia.com/llms-full.txt ## Getting started - [Develop with ChatGPT](https://docsapp.xgenia.com/docs/getting-started/ai-assisted-dev/chat-gpt.md): ChatGPT is a great tool that is used daily to generate code by developers all over the world. However (being a language model and not a programming engine) it does come with its… - [AI Assisted Development](https://docsapp.xgenia.com/docs/getting-started/ai-assisted-dev/overview.md): XGENIA is a low code web app builder that will have you creating applications faster and smarter. Even though XGENIA is technically a low code tool you can reduce the majority of… - [REST API calls](https://docsapp.xgenia.com/docs/getting-started/ai-assisted-dev/rest.md): In XGENIA you typically use the REST node to make REST API requests to access external services. This requires a little bit of coding to set up the request and to parse the… - [AI Workflow overview](https://docsapp.xgenia.com/docs/getting-started/ai-workflow.md): Build a game by describing it. - [Editor Tour](https://docsapp.xgenia.com/docs/getting-started/editor-tour.md): A quick orientation of the XGENIA editor, from the project launcher to the panels you will use every day. The launcher, editor, rail and top bar screenshots are from XGENIA 3.0. - [Fundamentals](https://docsapp.xgenia.com/docs/getting-started/fundamentals.md): Here you will learn about a few fundamental concepts in XGENIA that are important to get a grasp on before continuing. You can review the guide below. - [How XGENIA works](https://docsapp.xgenia.com/docs/getting-started/overview.md): XGENIA has two fundamental parts: - [Components](https://docsapp.xgenia.com/docs/getting-started/slot-engine-xgenia/component.md): This comprehensive section provides detailed analysis of each internal component graph, their sophisticated node connections, data flow patterns, and integration points as… - [Functions](https://docsapp.xgenia.com/docs/getting-started/slot-engine-xgenia/functions.md): This exhaustive reference documents every node utilized by the XGENIA Slot Engine, providing detailed analysis of their mathematical operations, input/output specifications,… - [Guide](https://docsapp.xgenia.com/docs/getting-started/slot-engine-xgenia/guide.md): This exhaustive guide provides detailed, step-by-step instructions for effectively utilizing the XGENIA Slot Engine's complete feature set. From initial configuration through… - [Layout](https://docsapp.xgenia.com/docs/getting-started/slot-engine-xgenia/layout.md): This comprehensive guide details the complete user interface structure of the XGENIA Slot Engine, focusing on the sophisticated Start Page layout and its intricate mapping to the… - [XGENIA Slot Engine](https://docsapp.xgenia.com/docs/getting-started/slot-engine-xgenia/slot-engine-xgenia-overview.md): The XGENIA Slot Engine is a comprehensive, node-graph based slot machine simulator and mathematical analyzer built entirely within the XGENIA/Noodl visual programming… - [Workflow overview](https://docsapp.xgenia.com/docs/getting-started/workflow.md): Let's take a look at the different concepts of the XGENIA workflow when building your applications, namely - [XGENIA AI](https://docsapp.xgenia.com/docs/getting-started/xgenia-ai.md): XGENIA AI leverages Large Language Models for app development: describe what you want, and the assistant builds it in your project — nodes, wiring, JavaScript, layouts — rather… ## Guides - [Building Business Logic Using Javascript](https://docsapp.xgenia.com/docs/guides/business-logic/client-side-biz-logic-js.md): What you will learn in this guide - [Client Side Business Logic in Nodes](https://docsapp.xgenia.com/docs/guides/business-logic/client-side-biz-logic-nodes.md): What you will learn in this guide - [Custom UI Components](https://docsapp.xgenia.com/docs/guides/business-logic/custom-ui-components.md): What you will learn in this guide - [Events](https://docsapp.xgenia.com/docs/guides/business-logic/events.md): Overview - [Javascript in XGENIA](https://docsapp.xgenia.com/docs/guides/business-logic/javascript.md): What you will learn in this guide - [Logic & Code in XGENIA](https://docsapp.xgenia.com/docs/guides/business-logic/overview.md): XGENIA provides powerful tools for adding business logic to your applications without needing to write traditional code. You can use visual logic nodes, JavaScript, events, and… - [Access Control / ACL](https://docsapp.xgenia.com/docs/guides/cloud-data/access-control.md): What you will learn in this guide - [Creating a Cloud Service](https://docsapp.xgenia.com/docs/guides/cloud-data/creating-a-backend.md): What you will learn in this guide - [Creating a Database Class](https://docsapp.xgenia.com/docs/guides/cloud-data/creating-a-class.md): What you will learn in this guide - [Creating new Database Records](https://docsapp.xgenia.com/docs/guides/cloud-data/creating-new-database-records.md): What you will learn in this guide - [Filtering Database Queries](https://docsapp.xgenia.com/docs/guides/cloud-data/filtering-database-queries.md): What you will learn in this guide - [Importing and exporting data with CSV](https://docsapp.xgenia.com/docs/guides/cloud-data/import-export-csv.md): You can import and export data to/from your cloud service in the CSV (Comma Separated Values) format. This is done in the cloud services dashboard. - [Working with Cloud Data in XGENIA](https://docsapp.xgenia.com/docs/guides/cloud-data/overview.md): Almost all real Apps needs a database. XGENIA provides a professional grade database as part of every project. - [Querying records From Database](https://docsapp.xgenia.com/docs/guides/cloud-data/quering-records-from-database.md): What you will learn in this guide - [Records Relationships](https://docsapp.xgenia.com/docs/guides/cloud-data/record-relations.md): What you will learn in this guide - [Creating new Database Records](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/creating-records.md): What you will learn in this guide - [Delete Record node](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/delete-record.md): This node will delete a Record of a given Class from the XGENIA Cloud Services backend. - [Using Supabase Edge Functions](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/edge-functions.md): What you will learn in this guide - [Supabase Multi-Environment Setup](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/multi-environment-setup.md): This guide will walk you through setting up Supabase with multiple working environments (development/testing and production) for your XGENIA project. This approach ensures that… - [Supabase Integration with XGENIA](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/overview.md): What you will learn in this section - [Querying records From Database](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/querying-records.md): What you will learn in this guide - [Setting Up Supabase Service](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/setup.md): What you will learn in this guide - [Updating Records](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/updating-records.md): What you will learn in this guide - [Upload File node](https://docsapp.xgenia.com/docs/guides/cloud-data/supabase/uploading-files.md): This node uploads a file to the XGENIA Cloud Services. Can be used in combination with a Record to link the file to a property. When retrieving the file reference you can get the… - [Updating Records](https://docsapp.xgenia.com/docs/guides/cloud-data/updating-records.md): What you will learn in this guide - [Emal Verification](https://docsapp.xgenia.com/docs/guides/cloud-logic/email-verification.md): The four nodes this flow is built on — Send Email Verification, Verify Email, Request Password Reset and Reset Password — are now marked deprecated. They still work, but the… - [Introduction to Cloud Functions](https://docsapp.xgenia.com/docs/guides/cloud-logic/introduction.md): Cloud Functions in XGENIA is a way to create logic that run in the cloud using the same techniques that you use when building business logic in your frontend, namely connecting… - [Javascript in Cloud Functions](https://docsapp.xgenia.com/docs/guides/cloud-logic/javascript.md): Not all nodes are available to cloud functions but in terms of writing Javascript the Function and Expression nodes are available. However there are some caveats, most notably… - [Logging and Debugging](https://docsapp.xgenia.com/docs/guides/cloud-logic/logging.md): When building cloud functions it's important to know how to spot errors and problems quickly. This is where logging and debugging comes in. - [Cloud Functions](https://docsapp.xgenia.com/docs/guides/cloud-logic/overview.md): Run server-side logic securely with cloud functions. Use them for tasks that shouldn't run in the browser — sending emails, scheduled jobs, processing sensitive data, and more. - [Scheduled Jobs](https://docsapp.xgenia.com/docs/guides/cloud-logic/scheduled-jobs.md): One very useful task for cloud functions are scheduled jobs. This is logic that you want to run in the cloud at specific intervals, such as every 15 minutes, hourly or daily.… - [Migrating from XGENIA hosted Git](https://docsapp.xgenia.com/docs/guides/collaboration/migrating-from-xgenia-hosted-git.md): Projects created with closed source XGENIA need to be migrated for collaboration to work properly with the open source version. - [Collaboration](https://docsapp.xgenia.com/docs/guides/collaboration/overview.md): XGENIA has a built-in Git client. From the Version control panel you can commit, push, pull, branch and merge — and publish your project straight to a new GitHub repository,… - [Version control](https://docsapp.xgenia.com/docs/guides/collaboration/version-control.md): XGENIA has Git built in. Every project folder is a normal Git repository, and the Version control panel in the editor's left sidebar covers the whole everyday flow: commit, push,… - [Arrays](https://docsapp.xgenia.com/docs/guides/data/arrays.md): What you will learn in this guide - [External Data](https://docsapp.xgenia.com/docs/guides/data/external-data.md): What you will learn in this guide - [List Basics](https://docsapp.xgenia.com/docs/guides/data/list-basics.md): What you will learn in this guide - [Making Connections](https://docsapp.xgenia.com/docs/guides/data/making-connections.md): What you will learn in this guide - [Using Objects](https://docsapp.xgenia.com/docs/guides/data/objects.md): What you will learn in this guide - [Working with Data in XGENIA](https://docsapp.xgenia.com/docs/guides/data/overview.md): XGENIA contains a number of nodes that help you fill your UI with data and read and process the data that the user enters. This is achieved by connecting the visual nodes to… - [UI Controls and data](https://docsapp.xgenia.com/docs/guides/data/ui-controls-and-data.md): What you will learn in this guide - [Using Variables](https://docsapp.xgenia.com/docs/guides/data/variables.md): What you will learn in this guide - [Deploying to iOS and Android](https://docsapp.xgenia.com/docs/guides/deploy/deploying-to-ios-and-android.md): Self HostingNote: To be able to follow this guide you must have "Self Host" feature enabled. This is not available in the free XGENIA plan. But you can request a trial here. - [Embedding / iframe / Micro Frontend](https://docsapp.xgenia.com/docs/guides/deploy/embedding.md): XGENIA is a powerful tool for creating iframe and micro frontends. - [How to add a Favicon?](https://docsapp.xgenia.com/docs/guides/deploy/favicon.md): A favicon is a small image displayed next to the page title in the browser tab. - [Self Hosting your XGENIA frontend](https://docsapp.xgenia.com/docs/guides/deploy/hosting-frontend.md): What you will learn in this guide - [Deploying and hosting XGENIA apps](https://docsapp.xgenia.com/docs/guides/deploy/overview.md): XGENIA allows you to export your frontend and backend so that you can host it on your own servers. Additionally, XGENIA provides integrated deployment options for popular hosting… - [Project Structure](https://docsapp.xgenia.com/docs/guides/deploy/project-structure.md): You can find the project folders at this path: - [Progressive Web App](https://docsapp.xgenia.com/docs/guides/deploy/pwa.md): A Progressive Web App (PWA) is a type of web application that combines the best features of both web and native mobile applications. It delivers a fast, reliable, and engaging… - [Setting up a backend on Amazon Web Services](https://docsapp.xgenia.com/docs/guides/deploy/setting-up-backend-on-aws.md): This guide will cover how to start up a XGENIA backend on AWS using the XGENIA backend docker image. You will need an AWS account setup. The service you will be using is called… - [Setting up a backend on Google Cloud Platform](https://docsapp.xgenia.com/docs/guides/deploy/setting-up-backend-on-gcp.md): This guide will cover how to start up a XGENIA backend on GCP using the XGENIA backend docker image. You will need a GCP account setup. The service you will be using is called… - [Using a self hosted backend](https://docsapp.xgenia.com/docs/guides/deploy/using-an-external-backend.md): What you will learn in this guide - [Using XGENIA Deploy Options for Vercel](https://docsapp.xgenia.com/docs/guides/deploy/xgenia-deploy-vercel.md): What you will learn in this guide - [AI Agents](https://docsapp.xgenia.com/docs/guides/editor/ai-chat.md): The Chat panel in the editor's left sidebar is XGENIA's AI assistant. It holds a conversation about the project you have open and can act on it: create and wire nodes, write… - [AI Image Editor](https://docsapp.xgenia.com/docs/guides/editor/ai-image-editor.md): The AI Image Editor is a layered canvas built into XGENIA for making the art your project needs — key art, icons, sprites, backgrounds, textures. Open it from the AI Image Editor… - [Key Bindings](https://docsapp.xgenia.com/docs/guides/editor/keybindings.md): Shortcuts cannot be changed yet. CtrlCmd means Ctrl on Windows and Linux and ⌘ on macOS. - [Editing a node's Script](https://docsapp.xgenia.com/docs/guides/editor/node-script.md): Every node has a Script property: the node's implementation, shown as editable JavaScript. Editing it changes what that node does — for that one node instance only. - [Editor panels](https://docsapp.xgenia.com/docs/guides/editor/panels.md): The icons down the left edge of the editor open panels. This page lists what is there now and what each one is for. - [Editing in the viewport](https://docsapp.xgenia.com/docs/guides/editor/viewport-edit-mode.md): The preview has two modes. In Preview mode the app behaves exactly as it will for players. In Edit mode the preview becomes a design surface: click an element to select its node,… - [Analyzing Data for Machine Learning](https://docsapp.xgenia.com/docs/guides/machine-learning/data-analysis.md): Before training a model, XGENIA can analyze your dataset to detect the problem type, suggest the best target column, identify quality issues, and recommend preprocessing steps. - [Running Predictions with HuggingFace](https://docsapp.xgenia.com/docs/guides/machine-learning/inference.md): Once you have a trained model — or want to use any public HuggingFace model — you can run inference directly from XGENIA. - [Machine Learning in XGENIA](https://docsapp.xgenia.com/docs/guides/machine-learning/overview.md): XGENIA integrates with HuggingFace to bring machine learning capabilities directly into your visual workflows. You can analyze data, train custom models with AutoTrain, and run… - [ML Pro Nodes Reference](https://docsapp.xgenia.com/docs/guides/machine-learning/pro-nodes.md): XGENIA provides five specialized pro nodes for machine learning workflows. These are visual nodes you can place on the canvas and wire into your application logic. - [Setting Up HuggingFace](https://docsapp.xgenia.com/docs/guides/machine-learning/setup.md): Before using any ML features in XGENIA, you need a HuggingFace API key. - [Training Models with AutoTrain](https://docsapp.xgenia.com/docs/guides/machine-learning/training.md): HuggingFace AutoTrain lets you train custom ML models without writing training code. XGENIA integrates AutoTrain through AI tools and visual pro nodes. - [Basic Navigation](https://docsapp.xgenia.com/docs/guides/navigation/basic-navigation.md): What you will learn in this guide - [Component Stack](https://docsapp.xgenia.com/docs/guides/navigation/component-stack.md): What you will learn in this guide - [Encoding Parameters in URLs](https://docsapp.xgenia.com/docs/guides/navigation/encoding-parameters-in-urls.md): What you will learn in this guide - [Multi Level Navigation](https://docsapp.xgenia.com/docs/guides/navigation/multi-level-navigation.md): What you will learn in this guide - [Navigation in XGENIA Overview](https://docsapp.xgenia.com/docs/guides/navigation/overview.md): A central part of any App is a navigation system. XGENIA has a super flexible navigation system where you can build both classic Web Style navigation, app style navigation and… - [Popups](https://docsapp.xgenia.com/docs/guides/navigation/popups.md): What you will learn in this guide - [overview](https://docsapp.xgenia.com/docs/guides/overview.md) - [Order of Work and Limits](https://docsapp.xgenia.com/docs/guides/rgs/build-order.md): Two questions come up on every new game: what to build first, and what the engine will not do. This page answers both. - [Compliance documents](https://docsapp.xgenia.com/docs/guides/rgs/compliance.md): A game that goes to a regulator or an accredited test laboratory needs a pack of documents about the exact build being submitted. XGENIA RGS generates that pack on the platform,… - [Maths Components](https://docsapp.xgenia.com/docs/guides/rgs/maths-components.md): A Maths Component is an ordinary XGENIA component that lives under the editor's maths sheet. Deploy it, and the platform turns its node graph into a backend function with its own… - [XGENIA RGS](https://docsapp.xgenia.com/docs/guides/rgs/overview.md): XGENIA can run your game's maths on a remote game server (RGS) instead of in the player's browser. The Maths RGS panel in the editor's left sidebar is where that happens. - [Provably fair maths](https://docsapp.xgenia.com/docs/guides/rgs/provably-fair.md): A provably fair game lets a player verify, after the fact, that the outcome was decided before they bet and was not changed afterwards. XGENIA ships this as nodes, so you can… - [Publishing a game to RGS](https://docsapp.xgenia.com/docs/guides/rgs/publishing.md): Publishing takes the project you have open, rewires every deployed Maths Component call to the live backend, builds the frontend, and deploys it to Vercel. - [Round tracking](https://docsapp.xgenia.com/docs/guides/rgs/round-tracking.md): When a published game calls a deployed Maths Component, the platform can record the call as a round: a row in Bet History, a session roll-up, and a balance movement for the player. - [Slot Features](https://docsapp.xgenia.com/docs/guides/rgs/slot-features.md): Slot Features are the nodes that close the gaps in the September slot mechanics review: cluster pays, meters and multiplier ladders, coin values and jackpots, bonus buy and RTP… - [Stake Engine](https://docsapp.xgenia.com/docs/guides/rgs/stake-engine.md): Alongside XGENIA RGS, XGENIA ships nodes for Stake Engine — Stake's own remote game server. A Stake Engine game is built like any XGENIA project, but the wallet, round lifecycle… - [Testing and simulating maths](https://docsapp.xgenia.com/docs/guides/rgs/testing-and-simulation.md): The Maths RGS panel offers two measurements. They answer different questions: - [Building User Interfaces Basics](https://docsapp.xgenia.com/docs/guides/user-interfaces/basics.md): What you will learn in this guide - [Components](https://docsapp.xgenia.com/docs/guides/user-interfaces/components.md): What you will learn in this guide - [Grouping & Layout](https://docsapp.xgenia.com/docs/guides/user-interfaces/layout.md): What you will learn in this guide - [Modules and Prefabs](https://docsapp.xgenia.com/docs/guides/user-interfaces/modules.md): XGENIA has a lot of nodes available out of the box, but it can never include a node for everything. For that reason you can extend your project with specific modules or prefabs… - [Building User Interfaces](https://docsapp.xgenia.com/docs/guides/user-interfaces/overview.md): The user interface in your XGENIA App are all the things that your users will interact with on your screen. Lists, buttons, checkboxes, etc. - [Responsive Design](https://docsapp.xgenia.com/docs/guides/user-interfaces/responsive-design.md): What you will learn in this guide - [Scrolling Content](https://docsapp.xgenia.com/docs/guides/user-interfaces/scrolling-content.md): What you will learn in this guide - [States Node](https://docsapp.xgenia.com/docs/guides/user-interfaces/states.md): A common concept in XGENIA is the use of different visual states. In this guide we will cover states with an example of how to create a simple reusable switch component, and an… - [Style Variants](https://docsapp.xgenia.com/docs/guides/user-interfaces/style-variants.md): What you will learn in this guide - [Visual States](https://docsapp.xgenia.com/docs/guides/user-interfaces/visual-states.md): What you will learn in this guide - [Creating users in XGENIA](https://docsapp.xgenia.com/docs/guides/user-management/creating-users-in-xgenia.md): What you will learn in this guide - [Navigation in XGENIA Overview](https://docsapp.xgenia.com/docs/guides/user-management/overview.md): A central part of any App is a navigation system. XGENIA has a super flexible navigation system where you can build both classic Web Style navigation, app style navigation and… - [Filter your Table data](https://docsapp.xgenia.com/docs/guides/visualizing-data/filter-table-data.md): What you will learn in this guide - [Data Tables](https://docsapp.xgenia.com/docs/guides/visualizing-data/overview.md): Learn how to display your data in interactive table components. This section covers setting up tables with Query Records, adding pagination, filtering, and styling. - [Styling the Table](https://docsapp.xgenia.com/docs/guides/visualizing-data/styling-table.md): What you will learn in this guide - [Adding pagination to the Table](https://docsapp.xgenia.com/docs/guides/visualizing-data/table-pagination.md): What you will learn in this guide - [Using the Table node to display data](https://docsapp.xgenia.com/docs/guides/visualizing-data/table-to-visualize-data.md): What you will learn in this guide ## Build-alongs - [Horizontal List with Snapping](https://docsapp.xgenia.com/docs/build-alongs/horizontal-list-with-snapping.md): This short build along shows how to create a Horizontal list with Cards. It will show you how to work with advanced Scrolling in lists. - [Build Alongs](https://docsapp.xgenia.com/docs/build-alongs/overview.md): One relaxed way of learning XGENIA is to watch and learn from the experts. These build-along videos show in detail how to build something in XGENIA, from an empty project to a… - [Star Rating Component](https://docsapp.xgenia.com/docs/build-alongs/star-rating-component.md): This short build along shows how to work with animations, visual states and component logic to build a visually rich star rating component. - [Custom Survey App Build Along](https://docsapp.xgenia.com/docs/build-alongs/survey-app.md): In this three parts video series, Johan walks your through the creation of a simple Survey App. This build along mainly covers Navigation, styling of components and how to create… - [Task List App Build Along](https://docsapp.xgenia.com/docs/build-alongs/task-list-app.md): In this two parts video series, Johan will walk you through how he builds a task list app. This Build Along is excellent for beginners since it will take you through all of the… ## Node reference - [The Chat Panel](https://docsapp.xgenia.com/nodes/ai-agents/chat-interface.md): The XGENIA AI Agents is in early alpha. Panels and controls change often. - [The xgenia-mcp Skill](https://docsapp.xgenia.com/nodes/ai-agents/claude-code-skill.md): The XGENIA MCP server is in early alpha. See Driving XGENIA from Claude Code for install and setup. - [MCP Tool Reference](https://docsapp.xgenia.com/nodes/ai-agents/claude-code-tools.md): The XGENIA MCP server is in early alpha. Tool names and result fields change between builds. See Driving XGENIA from Claude Code for install and setup. - [Build a Game with Claude Code](https://docsapp.xgenia.com/nodes/ai-agents/claude-code-workflow.md): The XGENIA MCP server and AI Agents are in early alpha. Screens and tool results change between builds. - [Claude Code](https://docsapp.xgenia.com/nodes/ai-agents/claude-code.md): The XGENIA MCP server is in early alpha. Tool names and result fields change between builds. - [Getting Started](https://docsapp.xgenia.com/nodes/ai-agents/getting-started.md): The XGENIA AI Agents is in early alpha. Panels and settings change often. - [Image, Video & Audio](https://docsapp.xgenia.com/nodes/ai-agents/image-ai.md): The XGENIA AI Agents is in early alpha. Model lists and pricing change often. - [Tools & Integrations](https://docsapp.xgenia.com/nodes/ai-agents/integrations.md): XGENIA AI Agents is in early alpha. This tab changes often. - [MCP Servers](https://docsapp.xgenia.com/nodes/ai-agents/mcp-servers.md): The XGENIA AI Agents is in early alpha. This tab changes often. - [Messaging](https://docsapp.xgenia.com/nodes/ai-agents/messaging.md): The XGENIA AI Agents is in early alpha. This tab changes often. - [Models & Providers](https://docsapp.xgenia.com/nodes/ai-agents/models.md): The XGENIA AI Agents is in early alpha. Model lists and settings change often. - [AI Agents](https://docsapp.xgenia.com/nodes/ai-agents/overview.md): The XGENIA AI Agents is in early alpha. Panels, settings, and available models change often — screens in this guide may look slightly different from your build. - [Pre-Prompt Rules](https://docsapp.xgenia.com/nodes/ai-agents/pre-prompt-rules.md): The XGENIA AI Agents is in early alpha. Panels and settings change often. - [Skills & Knowledge](https://docsapp.xgenia.com/nodes/ai-agents/skills-knowledge.md): The XGENIA AI Agents is in early alpha. These panels change often. - [What the AI Can Do](https://docsapp.xgenia.com/nodes/ai-agents/tools.md): The XGENIA AI Agents is in early alpha. Tools are added and retired regularly. - [Images & Vision](https://docsapp.xgenia.com/nodes/ai-agents/vision.md): The XGENIA AI Agents is in early alpha. Behaviour described here changes often. - [Animation node](https://docsapp.xgenia.com/nodes/animation/animation.md): {/##head##/} - [Circle node](https://docsapp.xgenia.com/nodes/basic-elements/circle.md): {/##head##/} - [Columns node](https://docsapp.xgenia.com/nodes/basic-elements/columns.md): {/##head##/} - [Group node](https://docsapp.xgenia.com/nodes/basic-elements/group.md): {/##head##/} - [Icon node](https://docsapp.xgenia.com/nodes/basic-elements/icon.md): {/##head##/} - [Image node](https://docsapp.xgenia.com/nodes/basic-elements/image.md): {/##head##/} - [Text node](https://docsapp.xgenia.com/nodes/basic-elements/text.md): {/##head##/} - [Video node](https://docsapp.xgenia.com/nodes/basic-elements/video.md): {/##head##/} - [Aggregator Node node](https://docsapp.xgenia.com/nodes/cloud-functions/aggregator.md): {/##head##/} - [Aggregate Records node](https://docsapp.xgenia.com/nodes/cloud-functions/cloud-data/aggregate-records.md): {/##head##/} - [Request node](https://docsapp.xgenia.com/nodes/cloud-functions/request.md): {/##head##/} - [Response node](https://docsapp.xgenia.com/nodes/cloud-functions/response.md): {/##head##/} - [Component Stack node](https://docsapp.xgenia.com/nodes/component-stack/component-stack-node.md): {/##head##/} - [Pop Component node](https://docsapp.xgenia.com/nodes/component-stack/pop-component.md): {/##head##/} - [Push Component node](https://docsapp.xgenia.com/nodes/component-stack/push-component.md): {/##head##/} - [Component Children node](https://docsapp.xgenia.com/nodes/component-utilities/component-children.md): {/##head##/} - [Component Inputs node](https://docsapp.xgenia.com/nodes/component-utilities/component-inputs.md): {/##head##/} - [Component Object node](https://docsapp.xgenia.com/nodes/component-utilities/component-object.md): {/##head##/} - [Component Outputs node](https://docsapp.xgenia.com/nodes/component-utilities/component-outputs.md): {/##head##/} - [Parent Component Object node](https://docsapp.xgenia.com/nodes/component-utilities/parent-component-object.md): {/##head##/} - [Set Component Object Properties node](https://docsapp.xgenia.com/nodes/component-utilities/set-component-object-properties.md): {/##head##/} - [Set Parent Component Object Properties node](https://docsapp.xgenia.com/nodes/component-utilities/set-parent-component-object-properties.md): {/##head##/} - [Component Inputs node](https://docsapp.xgenia.com/nodes/components/component-inputs.md): {/##head##/} - [Component Instance node](https://docsapp.xgenia.com/nodes/components/component-instance.md): {/##head##/} - [Component Outputs node](https://docsapp.xgenia.com/nodes/components/component-outputs.md): {/##head##/} - [Cloud File Node](https://docsapp.xgenia.com/nodes/data-management/cloud-file-node.md): {/##head##/} - [REST Node](https://docsapp.xgenia.com/nodes/data-management/rest-node.md): {/##head##/} - [Array Concatenate node](https://docsapp.xgenia.com/nodes/data/array/array-concatenate.md): {/##head##/} - [Array Fill node](https://docsapp.xgenia.com/nodes/data/array/array-fill.md): {/##head##/} - [Array Filter node](https://docsapp.xgenia.com/nodes/data/array/array-filter.md): {/##head##/} - [Array Map node](https://docsapp.xgenia.com/nodes/data/array/array-map.md): {/##head##/} - [Array node](https://docsapp.xgenia.com/nodes/data/array/array-node.md): {/##head##/} - [Array Sort node](https://docsapp.xgenia.com/nodes/data/array/array-sort.md): {/##head##/} - [Clear Array node](https://docsapp.xgenia.com/nodes/data/array/clear-array.md): {/##head##/} - [Copy Array node](https://docsapp.xgenia.com/nodes/data/array/copy-array-node.md): {/##head##/} - [Create New Array node](https://docsapp.xgenia.com/nodes/data/array/create-new-array.md): {/##head##/} - [Extract Values node](https://docsapp.xgenia.com/nodes/data/array/extract-values.md): {/##head##/} - [Get Object from Array node](https://docsapp.xgenia.com/nodes/data/array/get-array-item.md): {/##head##/} - [Insert Into Array node](https://docsapp.xgenia.com/nodes/data/array/insert-into-array.md): {/##head##/} - [Iterator node](https://docsapp.xgenia.com/nodes/data/array/iterator.md): {/##head##/} - [Modify Object In Array node](https://docsapp.xgenia.com/nodes/data/array/modify-object-in-array.md): {/##head##/} - [Remove From Array node](https://docsapp.xgenia.com/nodes/data/array/remove-from-array.md): {/##head##/} - [Static Array node](https://docsapp.xgenia.com/nodes/data/array/static-array.md): {/##head##/} - [Boolean node](https://docsapp.xgenia.com/nodes/data/boolean.md): {/##head##/} - [Add Record Relation node](https://docsapp.xgenia.com/nodes/data/cloud-data/add-record-relation.md): {/##head##/} - [Cloud File node](https://docsapp.xgenia.com/nodes/data/cloud-data/cloud-file.md): {/##head##/} - [Cloud Function node](https://docsapp.xgenia.com/nodes/data/cloud-data/cloud-function.md): {/##head##/} - [Config node](https://docsapp.xgenia.com/nodes/data/cloud-data/config.md): {/##head##/} - [Create Deposit (Stripe) node](https://docsapp.xgenia.com/nodes/data/cloud-data/create-deposit-stripe.md): {/##head##/} - [Create Deposit node](https://docsapp.xgenia.com/nodes/data/cloud-data/create-deposit.md): {/##head##/} - [Create New Player node](https://docsapp.xgenia.com/nodes/data/cloud-data/create-new-player.md): {/##head##/} - [Create New Record node](https://docsapp.xgenia.com/nodes/data/cloud-data/create-new-record.md): {/##head##/} - [Delete Record node](https://docsapp.xgenia.com/nodes/data/cloud-data/delete-record.md): {/##head##/} - [Deposit Balance node](https://docsapp.xgenia.com/nodes/data/cloud-data/deposit-balance.md): {/##head##/} - [Filter Records node](https://docsapp.xgenia.com/nodes/data/cloud-data/filter-records.md): {/##head##/} - [Get Balance by Player ID node](https://docsapp.xgenia.com/nodes/data/cloud-data/get-balance-by-player-id.md): {/##head##/} - [Get Player ID by Player Name node](https://docsapp.xgenia.com/nodes/data/cloud-data/get-player-id-by-name.md): {/##head##/} - [Get Player node](https://docsapp.xgenia.com/nodes/data/cloud-data/get-player.md): {/##head##/} - [List Game Sessions node](https://docsapp.xgenia.com/nodes/data/cloud-data/list-game-sessions.md): {/##head##/} - [Load Game Session node](https://docsapp.xgenia.com/nodes/data/cloud-data/load-game-session.md): {/##head##/} - [Query Records node](https://docsapp.xgenia.com/nodes/data/cloud-data/query-records.md): {/##head##/} - [Record node](https://docsapp.xgenia.com/nodes/data/cloud-data/record.md): {/##head##/} - [Remove Record Relation node](https://docsapp.xgenia.com/nodes/data/cloud-data/remove-record-relation.md): {/##head##/} - [Save Game Session node](https://docsapp.xgenia.com/nodes/data/cloud-data/save-game-session.md): {/##head##/} - [Set Record Properties node](https://docsapp.xgenia.com/nodes/data/cloud-data/set-record-properties.md): {/##head##/} - [Update Player node](https://docsapp.xgenia.com/nodes/data/cloud-data/update-player.md): {/##head##/} - [Upload File node](https://docsapp.xgenia.com/nodes/data/cloud-data/upload-file.md): {/##head##/} - [Withdraw Balance node](https://docsapp.xgenia.com/nodes/data/cloud-data/withdraw-balance.md): {/##head##/} - [Color node](https://docsapp.xgenia.com/nodes/data/color.md): {/##head##/} - [Convert Inputs into Record node](https://docsapp.xgenia.com/nodes/data/convert-inputs-into-record.md): {/##head##/} - [Convert Record into Outputs node](https://docsapp.xgenia.com/nodes/data/convert-record-into-outputs.md): {/##head##/} - [Generate Reel Strips node](https://docsapp.xgenia.com/nodes/data/generate-reel-strips.md): {/##head##/} - [Number node](https://docsapp.xgenia.com/nodes/data/number.md): {/##head##/} - [Create New Object node](https://docsapp.xgenia.com/nodes/data/object/create-new-object.md): {/##head##/} - [Object node](https://docsapp.xgenia.com/nodes/data/object/object-node.md): {/##head##/} - [Set Object Properties node](https://docsapp.xgenia.com/nodes/data/object/set-object-properties.md): {/##head##/} - [REST node](https://docsapp.xgenia.com/nodes/data/rest.md): {/##head##/} - [Run Tasks node](https://docsapp.xgenia.com/nodes/data/run-tasks.md): {/##head##/} - [Show Value node](https://docsapp.xgenia.com/nodes/data/show-value.md): {/##head##/} - [String node](https://docsapp.xgenia.com/nodes/data/string.md): {/##head##/} - [Log In node](https://docsapp.xgenia.com/nodes/data/user/log-in.md): {/##head##/} - [Log Out node](https://docsapp.xgenia.com/nodes/data/user/log-out.md): {/##head##/} - [Request Password Reset node](https://docsapp.xgenia.com/nodes/data/user/request-password-reset.md): {/##head##/} - [Reset Password node](https://docsapp.xgenia.com/nodes/data/user/reset-password.md): {/##head##/} - [Send Email Verification node](https://docsapp.xgenia.com/nodes/data/user/send-email-verification.md): {/##head##/} - [Set User Properties node](https://docsapp.xgenia.com/nodes/data/user/set-user-properties.md): {/##head##/} - [Sign Up node](https://docsapp.xgenia.com/nodes/data/user/sign-up.md): {/##head##/} - [User node](https://docsapp.xgenia.com/nodes/data/user/user-node.md): {/##head##/} - [Verify Email node](https://docsapp.xgenia.com/nodes/data/user/verify-email.md): {/##head##/} - [Set Variable node](https://docsapp.xgenia.com/nodes/data/variable/set-variable.md): {/##head##/} - [Variable node](https://docsapp.xgenia.com/nodes/data/variable/variable-node.md): {/##head##/} - [Boolean To Signal node](https://docsapp.xgenia.com/nodes/events/boolean-to-signal.md): {/##head##/} - [Receive Event node](https://docsapp.xgenia.com/nodes/events/receive-event.md): {/##head##/} - [Send Event node](https://docsapp.xgenia.com/nodes/events/send-event.md): {/##head##/} - [Relay node](https://docsapp.xgenia.com/nodes/events/signal-passthrough.md): {/##head##/} - [Cell Overlay node](https://docsapp.xgenia.com/nodes/graphics/pixi/cell-overlay.md): {/##head##/} - [Pixi Reel Cell node](https://docsapp.xgenia.com/nodes/graphics/pixi/reel-cell.md): {/##head##/} - [Pixi Reel Column node](https://docsapp.xgenia.com/nodes/graphics/pixi/reel-column.md): {/##head##/} - [Wheel node](https://docsapp.xgenia.com/nodes/graphics/pixi/wheel.md): {/##head##/} - [Data Model node](https://docsapp.xgenia.com/nodes/hyve-mind/data-model.md): {/##head##/} - [Feature node](https://docsapp.xgenia.com/nodes/hyve-mind/feature.md): {/##head##/} - [Goal node](https://docsapp.xgenia.com/nodes/hyve-mind/goal.md): {/##head##/} - [Task node](https://docsapp.xgenia.com/nodes/hyve-mind/task.md): {/##head##/} - [UI Element node](https://docsapp.xgenia.com/nodes/hyve-mind/ui-element.md): {/##head##/} - [User Story node](https://docsapp.xgenia.com/nodes/hyve-mind/user-story.md): {/##head##/} - [Canvases & History](https://docsapp.xgenia.com/nodes/image-editor/canvases.md): The AI Image Editor is in early alpha. Panels change often. - [Editing & Layers](https://docsapp.xgenia.com/nodes/image-editor/editing.md): The AI Image Editor is in early alpha. Panels change often. - [Export to PSD](https://docsapp.xgenia.com/nodes/image-editor/export-psd.md): The AI Image Editor is in early alpha. This flow changes often. - [Generating Images](https://docsapp.xgenia.com/nodes/image-editor/generating.md): The AI Image Editor is in early alpha. Models and settings change often. - [Model Hub](https://docsapp.xgenia.com/nodes/image-editor/models.md): The AI Image Editor is in early alpha. The model catalogue changes often. - [AI Image Editor](https://docsapp.xgenia.com/nodes/image-editor/overview.md): The AI Image Editor is in early alpha. Tools, models, and panels change often. - [Function node](https://docsapp.xgenia.com/nodes/javascript/function.md): {/##head##/} - [Script node](https://docsapp.xgenia.com/nodes/javascript/script.md): {/##head##/} - [And node](https://docsapp.xgenia.com/nodes/logic/and.md): {/##head##/} - [Animate To Value node](https://docsapp.xgenia.com/nodes/logic/animate-to-value.md): {/##head##/} - [Input Action node](https://docsapp.xgenia.com/nodes/logic/input-action.md): {/##head##/} - [Inverter node](https://docsapp.xgenia.com/nodes/logic/inverter.md): {/##head##/} - [Or node](https://docsapp.xgenia.com/nodes/logic/or.md): {/##head##/} - [Switch node](https://docsapp.xgenia.com/nodes/logic/switch.md): {/##head##/} - [Value Changed node](https://docsapp.xgenia.com/nodes/logic/value-changed.md): {/##head##/} - [Addition node](https://docsapp.xgenia.com/nodes/math/addition.md): {/##head##/} - [Auto Bet Strategy Evaluator node](https://docsapp.xgenia.com/nodes/math/auto-bet-strategy-evaluator.md): {/##head##/} - [Calculate Free Spins States node](https://docsapp.xgenia.com/nodes/math/calculate-free-spins-states.md): {/##head##/} - [Calculate PF Array Draw node](https://docsapp.xgenia.com/nodes/math/calculate-pf-array-draw.md): {/##head##/} - [Calculate Roll node](https://docsapp.xgenia.com/nodes/math/calculate-roll.md): {/##head##/} - [Ceil node](https://docsapp.xgenia.com/nodes/math/ceil.md): {/##head##/} - [Check Keno Hits node](https://docsapp.xgenia.com/nodes/math/check-keno-hits.md): {/##head##/} - [Counter node](https://docsapp.xgenia.com/nodes/math/counter.md): {/##head##/} - [Division node](https://docsapp.xgenia.com/nodes/math/division.md): {/##head##/} - [Equal node](https://docsapp.xgenia.com/nodes/math/equal.md): {/##head##/} - [Evaluate Keno Paytable node](https://docsapp.xgenia.com/nodes/math/evaluate-keno-paytable.md): {/##head##/} - [Expression node](https://docsapp.xgenia.com/nodes/math/expression.md): {/##head##/} - [Floor node](https://docsapp.xgenia.com/nodes/math/floor.md): {/##head##/} - [Generate Symbol Weights node](https://docsapp.xgenia.com/nodes/math/generate-symbol-weights.md): {/##head##/} - [Hit Frequency Monitor node](https://docsapp.xgenia.com/nodes/math/hit-frequency-monitor.md): {/##head##/} - [Init Free Spins node](https://docsapp.xgenia.com/nodes/math/init-free-spins.md): {/##head##/} - [ISAAC Random Number Array Generator node](https://docsapp.xgenia.com/nodes/math/isaac-rng-array.md): {/##head##/} - [ISAAC Random Number Generator node](https://docsapp.xgenia.com/nodes/math/isaac-rng.md): {/##head##/} - [Less Than Or Equal node](https://docsapp.xgenia.com/nodes/math/less-than-or-equal.md): {/##head##/} - [Less Than node](https://docsapp.xgenia.com/nodes/math/less-than.md): {/##head##/} - [Max Array node](https://docsapp.xgenia.com/nodes/math/max-array.md): {/##head##/} - [Max node](https://docsapp.xgenia.com/nodes/math/max.md): {/##head##/} - [Formula-Generated Array node](https://docsapp.xgenia.com/nodes/math/mfag.md): {/##head##/} - [Min Array node](https://docsapp.xgenia.com/nodes/math/min-array.md): {/##head##/} - [Min node](https://docsapp.xgenia.com/nodes/math/min.md): {/##head##/} - [Modulo node](https://docsapp.xgenia.com/nodes/math/modulo.md): {/##head##/} - [Multiplication node](https://docsapp.xgenia.com/nodes/math/multiplication.md): {/##head##/} - [Number Remapper node](https://docsapp.xgenia.com/nodes/math/number-remapper.md): {/##head##/} - [Random UUID Generator node](https://docsapp.xgenia.com/nodes/math/random-uuid-generator.md): {/##head##/} - [Reel Strips Generator node](https://docsapp.xgenia.com/nodes/math/reel-strips-generator.md): {/##head##/} - [Reel Ways Calculate Winnings node](https://docsapp.xgenia.com/nodes/math/reel-ways-calculate-winnings.md): {/##head##/} - [Reel Ways Check Wins node](https://docsapp.xgenia.com/nodes/math/reel-ways-check-wins.md): {/##head##/} - [Round node](https://docsapp.xgenia.com/nodes/math/round.md): {/##head##/} - [RTP Monitor node](https://docsapp.xgenia.com/nodes/math/rtp-monitor.md): {/##head##/} - [Server Seed Generator node](https://docsapp.xgenia.com/nodes/math/server-seed-generator.md): {/##head##/} - [Single Parameter Formula node](https://docsapp.xgenia.com/nodes/math/spf.md): {/##head##/} - [Subtraction node](https://docsapp.xgenia.com/nodes/math/subtraction.md): {/##head##/} - [Sum node](https://docsapp.xgenia.com/nodes/math/sum.md): {/##head##/} - [True Random Number Array Generator node](https://docsapp.xgenia.com/nodes/math/trng-array.md): {/##head##/} - [True Random Number Generator node](https://docsapp.xgenia.com/nodes/math/trng.md): {/##head##/} - [Validate Outcome node](https://docsapp.xgenia.com/nodes/math/validate-outcome.md): {/##head##/} - [Verify Commitment node](https://docsapp.xgenia.com/nodes/math/verify-commitment.md): {/##head##/} - [Verify Fairness node](https://docsapp.xgenia.com/nodes/math/verify-fairness.md): {/##head##/} - [Volatility Monitor node](https://docsapp.xgenia.com/nodes/math/volatility-monitor.md): {/##head##/} - [Weighted Reels node](https://docsapp.xgenia.com/nodes/math/weighted-reels.md): {/##head##/} - [MCP Tool node](https://docsapp.xgenia.com/nodes/mcp/mcp-tool.md): {/##head##/} - [Auto ML Analyzer node](https://docsapp.xgenia.com/nodes/ml/auto-ml-analyzer.md): {/##head##/} - [Auto ML Predictor node](https://docsapp.xgenia.com/nodes/ml/auto-ml-predictor.md): {/##head##/} - [Auto ML Trainer node](https://docsapp.xgenia.com/nodes/ml/auto-ml-trainer.md): {/##head##/} - [Client Retention Analyzer node](https://docsapp.xgenia.com/nodes/ml/client-retention-analyzer.md): {/##head##/} - [Retention Action Engine node](https://docsapp.xgenia.com/nodes/ml/retention-action-engine.md): {/##head##/} - [External Link node](https://docsapp.xgenia.com/nodes/navigation/external-link.md): {/##head##/} - [Navigate To Path node](https://docsapp.xgenia.com/nodes/navigation/navigate-to-path.md): {/##head##/} - [Navigate node](https://docsapp.xgenia.com/nodes/navigation/navigate.md): {/##head##/} - [Page Inputs node](https://docsapp.xgenia.com/nodes/navigation/page-inputs.md): {/##head##/} - [Page Router node](https://docsapp.xgenia.com/nodes/navigation/page-router.md): {/##head##/} - [Page node](https://docsapp.xgenia.com/nodes/navigation/page.md): {/##head##/} - [Node Reference](https://docsapp.xgenia.com/nodes/overview.md): The main building blocks of XGENIA are nodes. Every node has its own specific purpose and is very simple in itself, but together they become really powerful. Here you will find… - [pixi.GameLoop node](https://docsapp.xgenia.com/nodes/pixi-gameloop.md): {/##head##/} - [Asset Preloader node](https://docsapp.xgenia.com/nodes/pixi-nodes/asset-preloader.md): {/##head##/} - [Pixi AnimatedSprite node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-animated-sprite.md): {/##head##/} - [Pixi BitmapText node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-bitmap-text.md): {/##head##/} - [Pixi Camera2D node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-camera2d.md): {/##head##/} - [Pixi Container node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-container.md): {/##head##/} - [Pixi Debug Info node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-debug-info.md): {/##head##/} - [Pixi Graphics node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-graphics.md): {/##head##/} - [Pixi GSAP Inertia node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-gsap-inertia.md): {/##head##/} - [Pixi GSAP Physics node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-gsap-physics.md): {/##head##/} - [Pixi HTMLText node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-html-text.md): {/##head##/} - [Pixi NineSlicePlane node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-nine-slice-plane.md): {/##head##/} - [Pixi Particle Emitter node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-particle-emitter.md): {/##head##/} - [Pixi Spine node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-spine.md): {/##head##/} - [Pixi Sprite node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-sprite.md): {/##head##/} - [Pixi Stage node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-stage.md): {/##head##/} - [Pixi Text node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-text.md): {/##head##/} - [Pixi Tiling Sprite node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-tiling-sprite.md): {/##head##/} - [Pixi UI Scaler node](https://docsapp.xgenia.com/nodes/pixi-nodes/pixi-uiscaler.md): {/##head##/} - [Close Popup node](https://docsapp.xgenia.com/nodes/popups/close-popup.md): {/##head##/} - [Show Popup node](https://docsapp.xgenia.com/nodes/popups/show-popup.md): {/##head##/} - [Visual Input Properties](https://docsapp.xgenia.com/nodes/shared-props/inputs/visual-input-properties.md): The input properties shared by every visual node — margin, padding, alignment, dimensions, layout, text style, borders, shadows and placement. - [Visual Output Properties](https://docsapp.xgenia.com/nodes/shared-props/outputs/visual-output-properties.md): The output properties shared by every visual node — scroll position, bounding box, mounted state and pointer events. - [Accessibility Settings node](https://docsapp.xgenia.com/nodes/slot-features/accessibility-settings.md): {/##head##/} - [Audio Mixer node](https://docsapp.xgenia.com/nodes/slot-features/audio-mixer.md): {/##head##/} - [Autoplay node](https://docsapp.xgenia.com/nodes/slot-features/autoplay.md): {/##head##/} - [Bet Mode node](https://docsapp.xgenia.com/nodes/slot-features/bet-mode.md): {/##head##/} - [Chapter Branch node](https://docsapp.xgenia.com/nodes/slot-features/chapter-branch.md): {/##head##/} - [Cluster Pays node](https://docsapp.xgenia.com/nodes/slot-features/cluster-pays.md): {/##head##/} - [Coin Collector node](https://docsapp.xgenia.com/nodes/slot-features/coin-collector.md): {/##head##/} - [Column Spin Router node](https://docsapp.xgenia.com/nodes/slot-features/column-spin-router.md): {/##head##/} - [Directional Cascade node](https://docsapp.xgenia.com/nodes/slot-features/directional-cascade.md): {/##head##/} - [Expand Symbols node](https://docsapp.xgenia.com/nodes/slot-features/expand-symbols.md): {/##head##/} - [Feature Trigger node](https://docsapp.xgenia.com/nodes/slot-features/feature-trigger.md): {/##head##/} - [Hold And Win Grid node](https://docsapp.xgenia.com/nodes/slot-features/hold-and-win-grid.md): {/##head##/} - [Jackpot Tiers node](https://docsapp.xgenia.com/nodes/slot-features/jackpot-tiers.md): {/##head##/} - [Jurisdiction Rules node](https://docsapp.xgenia.com/nodes/slot-features/jurisdiction-rules.md): {/##head##/} - [Locked Reels node](https://docsapp.xgenia.com/nodes/slot-features/locked-reels.md): {/##head##/} - [Multiplier Ladder node](https://docsapp.xgenia.com/nodes/slot-features/multiplier-ladder.md): {/##head##/} - [Paytable Modifier node](https://docsapp.xgenia.com/nodes/slot-features/paytable-modifier.md): {/##head##/} - [Paytable Rows node](https://docsapp.xgenia.com/nodes/slot-features/paytable-rows.md): {/##head##/} - [Performance Budget node](https://docsapp.xgenia.com/nodes/slot-features/performance-budget.md): {/##head##/} - [Pick Bonus node](https://docsapp.xgenia.com/nodes/slot-features/pick-bonus.md): {/##head##/} - [Player Progress node](https://docsapp.xgenia.com/nodes/slot-features/player-progress.md): {/##head##/} - [Progressive Meter node](https://docsapp.xgenia.com/nodes/slot-features/progressive-meter.md): {/##head##/} - [Reality Check node](https://docsapp.xgenia.com/nodes/slot-features/reality-check.md): {/##head##/} - [Reel Stop Watcher node](https://docsapp.xgenia.com/nodes/slot-features/reel-stop-watcher.md): {/##head##/} - [RGS Jackpot Pools node](https://docsapp.xgenia.com/nodes/slot-features/rgs-jackpot-pools.md): {/##head##/} - [RGS Leaderboard node](https://docsapp.xgenia.com/nodes/slot-features/rgs-leaderboard.md): {/##head##/} - [RGS Translations node](https://docsapp.xgenia.com/nodes/slot-features/rgs-translations.md): {/##head##/} - [Screen Reader Announce node](https://docsapp.xgenia.com/nodes/slot-features/screen-reader-announce.md): {/##head##/} - [Session Limits node](https://docsapp.xgenia.com/nodes/slot-features/session-limits.md): {/##head##/} - [Sticky Symbols node](https://docsapp.xgenia.com/nodes/slot-features/sticky-symbols.md): {/##head##/} - [Symbol Upgrade node](https://docsapp.xgenia.com/nodes/slot-features/symbol-upgrade.md): {/##head##/} - [Symbol Value Grid node](https://docsapp.xgenia.com/nodes/slot-features/symbol-value-grid.md): {/##head##/} - [Telemetry Event node](https://docsapp.xgenia.com/nodes/slot-features/telemetry-event.md): {/##head##/} - [Variant Selector node](https://docsapp.xgenia.com/nodes/slot-features/variant-selector.md): {/##head##/} - [Volume Ramp node](https://docsapp.xgenia.com/nodes/slot-features/volume-ramp.md): {/##head##/} - [Wheel Spin node](https://docsapp.xgenia.com/nodes/slot-features/wheel-spin.md): {/##head##/} - [Wide Grid Bridge node](https://docsapp.xgenia.com/nodes/slot-features/wide-grid-bridge.md): {/##head##/} - [Win Rollup node](https://docsapp.xgenia.com/nodes/slot-features/win-rollup.md): {/##head##/} - [Calculate Winnings node](https://docsapp.xgenia.com/nodes/slot-games/calculate-winnings.md): {/##head##/} - [Cascade The Reels node](https://docsapp.xgenia.com/nodes/slot-games/cascade-the-reels.md): {/##head##/} - [Check Jackpot node](https://docsapp.xgenia.com/nodes/slot-games/check-jackpot.md): {/##head##/} - [Check Wins node](https://docsapp.xgenia.com/nodes/slot-games/check-wins.md): {/##head##/} - [Get Paytable node](https://docsapp.xgenia.com/nodes/slot-games/get-paytable.md): {/##head##/} - [Reel Controller node](https://docsapp.xgenia.com/nodes/slot-games/pixi-reel-controller.md): {/##head##/} - [Render Paylines Pixi node](https://docsapp.xgenia.com/nodes/slot-games/render-paylines-pixi.md): {/##head##/} - [Render Paylines node](https://docsapp.xgenia.com/nodes/slot-games/render-paylines.md): {/##head##/} - [SlotMainEngine node](https://docsapp.xgenia.com/nodes/slot-games/slot-main-engine.md): {/##head##/} - [Slot Simulation node](https://docsapp.xgenia.com/nodes/slot-games/slot-simulation.md): {/##head##/} - [Slot Spin node](https://docsapp.xgenia.com/nodes/slot-games/slot-spin.md): {/##head##/} - [Spin Calculate node](https://docsapp.xgenia.com/nodes/slot-games/spin-calculate.md): {/##head##/} - [Spin Result node](https://docsapp.xgenia.com/nodes/slot-games/spin-result.md): {/##head##/} - [Symbol Frequency Tracker node](https://docsapp.xgenia.com/nodes/slot-games/symbol-frequency-tracker.md): {/##head##/} - [Volatility Estimator node](https://docsapp.xgenia.com/nodes/slot-games/volatility-estimator.md): {/##head##/} - [Expression node](https://docsapp.xgenia.com/nodes/std-library/expression.md): {/##head##/} - [String Format node](https://docsapp.xgenia.com/nodes/string-manipulation/string-format.md): {/##head##/} - [String Mapper node](https://docsapp.xgenia.com/nodes/string-manipulation/string-mapper.md): {/##head##/} - [Substring node](https://docsapp.xgenia.com/nodes/string-manipulation/substring.md): {/##head##/} - [Run Tasks node](https://docsapp.xgenia.com/nodes/system/run-tasks.md): {/##head##/} - [JavaScript Function node](https://docsapp.xgenia.com/nodes/system/simple-javascript.md): {/##head##/} - [State Manager node](https://docsapp.xgenia.com/nodes/system/state-manager.md): {/##head##/} - [Animation Target node](https://docsapp.xgenia.com/nodes/ui-controls/animation-target.md): {/##head##/} - [Button node](https://docsapp.xgenia.com/nodes/ui-controls/button.md): {/##head##/} - [Checkbox node](https://docsapp.xgenia.com/nodes/ui-controls/checkbox.md): {/##head##/} - [Dropdown node](https://docsapp.xgenia.com/nodes/ui-controls/dropdown.md): {/##head##/} - [Radio Button Group node](https://docsapp.xgenia.com/nodes/ui-controls/radio-button-group.md): {/##head##/} - [Radio Button node](https://docsapp.xgenia.com/nodes/ui-controls/radio-button.md): {/##head##/} - [Repeater Item node](https://docsapp.xgenia.com/nodes/ui-controls/repeater-item.md): {/##head##/} - [Repeater node](https://docsapp.xgenia.com/nodes/ui-controls/repeater.md): {/##head##/} - [Slider node](https://docsapp.xgenia.com/nodes/ui-controls/slider.md): {/##head##/} - [Text Input node](https://docsapp.xgenia.com/nodes/ui-controls/text-input.md): {/##head##/} - [Set User Properties node](https://docsapp.xgenia.com/nodes/user-management/set-user-properties.md): {/##head##/} - [User node](https://docsapp.xgenia.com/nodes/user-management/user.md): {/##head##/} - [Advanced Timer node](https://docsapp.xgenia.com/nodes/utilities/advanced-timer.md): {/##head##/} - [Boolean To String node](https://docsapp.xgenia.com/nodes/utilities/boolean-to-string.md): {/##head##/} - [Color Blend node](https://docsapp.xgenia.com/nodes/utilities/color-blend.md): {/##head##/} - [Convert to String node](https://docsapp.xgenia.com/nodes/utilities/convert-to-string.md): {/##head##/} - [CSS Definition node](https://docsapp.xgenia.com/nodes/utilities/css-definition.md): {/##head##/} - [Date To String node](https://docsapp.xgenia.com/nodes/utilities/date-to-string.md): {/##head##/} - [Delay node](https://docsapp.xgenia.com/nodes/utilities/delay.md): {/##head##/} - [Drag node](https://docsapp.xgenia.com/nodes/utilities/drag.md): {/##head##/} - [App Loader node](https://docsapp.xgenia.com/nodes/utilities/loader.md): {/##head##/} - [Languages Dictionary node](https://docsapp.xgenia.com/nodes/utilities/localization/languages-dictionary.md): {/##head##/} - [Array State Manager node](https://docsapp.xgenia.com/nodes/utilities/logic/arraystatemanager.md): {/##head##/} - [Condition node](https://docsapp.xgenia.com/nodes/utilities/logic/condition.md): {/##head##/} - [Convert Dict Keys to Ports node](https://docsapp.xgenia.com/nodes/utilities/logic/convert-dict-keys-to-ports.md): {/##head##/} - [If node](https://docsapp.xgenia.com/nodes/utilities/logic/if.md): {/##head##/} - [State Manager node](https://docsapp.xgenia.com/nodes/utilities/logic/statemanager.md): {/##head##/} - [States node](https://docsapp.xgenia.com/nodes/utilities/logic/states.md): {/##head##/} - [Loop node](https://docsapp.xgenia.com/nodes/utilities/loop.md): {/##head##/} - [Open File Picker node](https://docsapp.xgenia.com/nodes/utilities/open-file-picker.md): {/##head##/} - [Screen Resolution node](https://docsapp.xgenia.com/nodes/utilities/screen-resolution.md): {/##head##/} - [Sound node](https://docsapp.xgenia.com/nodes/utilities/sound.md): {/##head##/} - [Import from JSON file node](https://docsapp.xgenia.com/nodes/utilities/system/import-from-json.md): {/##head##/} - [Export to JSON file node](https://docsapp.xgenia.com/nodes/utilities/system/write-to-json.md): {/##head##/} - [Timestamp node](https://docsapp.xgenia.com/nodes/utilities/timestamp.md): {/##head##/} - [Unique Id node](https://docsapp.xgenia.com/nodes/utilities/unique-id.md): {/##head##/} - [Boolean node](https://docsapp.xgenia.com/nodes/variables/boolean-variable.md): {/##head##/} - [Number node](https://docsapp.xgenia.com/nodes/variables/number-variable.md): {/##head##/} - [String node](https://docsapp.xgenia.com/nodes/variables/string-variable.md): {/##head##/} - [Variable Base node](https://docsapp.xgenia.com/nodes/variables/variable-base.md): {/##head##/} - [Debug Panel Visual node](https://docsapp.xgenia.com/nodes/visual/debug-panel-visual.md): {/##head##/} - [Distribution Chart node](https://docsapp.xgenia.com/nodes/visual/distribution-chart.md): {/##head##/} - [Histogram Chart node](https://docsapp.xgenia.com/nodes/visual/histogram-chart.md): {/##head##/} - [Line Chart node](https://docsapp.xgenia.com/nodes/visual/line-chart.md): {/##head##/} - [Object Viewer node](https://docsapp.xgenia.com/nodes/visual/object-viewer.md): {/##head##/} - [Project Version Tag node](https://docsapp.xgenia.com/nodes/visual/project-version-tag.md): {/##head##/} - [Reel Visualizer node](https://docsapp.xgenia.com/nodes/visual/reel-visualizer.md): {/##head##/} ## JavaScript API - [Change nodes at build time](https://docsapp.xgenia.com/javascript/extending/build-script/change-nodes-at-build-time.md): This is recommended to only use in 2.7.x. - [Create a build script](https://docsapp.xgenia.com/javascript/extending/build-script/overview.md): XGENIA has a way where you can hook into the different build events that - [Build script that generate Sitemap and static pages](https://docsapp.xgenia.com/javascript/extending/build-script/sitemap-and-seo.md): Having a sitemap.xml is very important for SEO, - [Create a new core node](https://docsapp.xgenia.com/javascript/extending/create-lib.md): XGENIA is very extensible. As a developer you can add new modules with new capablities, create connections to data or make new visual components for your projects. This guide… - [Create a Visual node with React](https://docsapp.xgenia.com/javascript/extending/create-react-lib.md): XGENIA is built with React which makes it easy for you to add custom or community React components to your projects. This guide will help you create a React library from scratch… - [Module Manifest](https://docsapp.xgenia.com/javascript/extending/module/manifest.md): WIP - [Extending XGENIA](https://docsapp.xgenia.com/javascript/extending/overview.md): One important aspect to improve productivity is extending your XGENIA project with library modules that are tailored for your organizations needs. - [Javascript API](https://docsapp.xgenia.com/javascript/overview.md): This section contains the Javascript API reference documentation, samples and guides on how to extend XGENIA with core nodes. Most Javascript is used in your project as part of… - [XGENIA.Arrays](https://docsapp.xgenia.com/javascript/reference/arrays.md): Only available on the frontend - [XGENIA.CloudFunctions](https://docsapp.xgenia.com/javascript/reference/cloudfunctions.md): Only available on the frontend - [Component](https://docsapp.xgenia.com/javascript/reference/component.md): Only available on the frontend - [XGENIA.Events](https://docsapp.xgenia.com/javascript/reference/events.md): Only available on the frontend - [XGENIA.Files](https://docsapp.xgenia.com/javascript/reference/files.md): The XGENIA.Files service lets you access the cloud services files. - [XGENIA.Navigation](https://docsapp.xgenia.com/javascript/reference/navigation.md): Only available on the frontend - [XGENIA.Object](https://docsapp.xgenia.com/javascript/reference/object.md): Allows access to Object from Javascript. You can learn more about objects and how you use them in your XGENIA applications here. - [XGENIA.Objects](https://docsapp.xgenia.com/javascript/reference/objects.md): One step above Variables are Objects, - [Reference Documentation](https://docsapp.xgenia.com/javascript/reference/overview.md): Here you will find the reference documentation for the XGENIA Javascript API that you can use in Function and Script nodes but also in other nodes such as the REST node, or when… - [XGENIA.Records](https://docsapp.xgenia.com/javascript/reference/records.md): With Records you can query, read and write records to the cloud database. All functions are async and will throw an exception if they fail. - [XGENIA.SEO](https://docsapp.xgenia.com/javascript/reference/seo.md): The XGENIA.SEO API lets you change metatags and document titles without directly accessing the window object, this is required for server-side rendering where we don't have a… - [XGENIA.Users](https://docsapp.xgenia.com/javascript/reference/users.md): The XGENIA.Users object let's you access the current session user. - [XGENIA.Variables](https://docsapp.xgenia.com/javascript/reference/variables.md): Variables are the simplest form of global data model in XGENIA. You can learn more about variables in the guide. You can access all variables in your application trough the… - [Get DOM element](https://docsapp.xgenia.com/javascript/samples/get-dom-element.md): Sometimes you need to get access to the underlying DOM element and use the browser APIs directly. - [Pointer position example](https://docsapp.xgenia.com/javascript/samples/pointer-position.md): This example will attach an event listener to the body element of the web page, and listen for mousemove. ## Library: modules, prefabs and examples - [Conditional Form](https://docsapp.xgenia.com/library/examples/conditional-form.md): This is an example of a form using XGENIA logical nodes to change contents depending on what options the user picks in the form. - [CRUD Form](https://docsapp.xgenia.com/library/examples/crud-form.md): This is an example of a CRUD form. CRUD stands for Create, Read, Update and Delete, and the example shows how to do these actions using the XGENIA data nodes. - [Javascript Example](https://docsapp.xgenia.com/library/examples/javascript-example.md): This example shows how you can mix and match nodes with Javascript in XGENIA. It implements a multi select list with a couple of operations on the list, such as batch delete and… - [Localization Example (i18next)](https://docsapp.xgenia.com/library/examples/localization.md): This example app shows different usage of the i18next translation module (available here). - [Mapbox Example](https://docsapp.xgenia.com/library/examples/mapbox.md): This simple example shows how to use the Mapbox Module to build a map based application. Note that you will need to create an account (free) on Mapbox to retrive a token needed… - [Modal Wizard in Popup](https://docsapp.xgenia.com/library/examples/modal-wizard.md): This guide will be coming soon. - [webcamera-node](https://docsapp.xgenia.com/library/modules/webcamera/webcamera-node.md): {/##head##/} - [Library Overview](https://docsapp.xgenia.com/library/overview.md): XGENIA has a lot of nodes available out of the box, but it can never include a node for everything. For that reason you can extend your project with specific modules or prefabs… - [Prefab Contributions](https://docsapp.xgenia.com/library/prefab-contributions.md): All Prefabs in XGENIA are just standard XGENIA Components, and all of them are served to the Nood Editor Node Picker through the docs. This means that if you have built a XGENIA… - [Date Picker](https://docsapp.xgenia.com/library/prefabs/date-picker.md): A UI component for picking dates. It works both as a text input where you can type the date, and as a calendar drop down (or using the native date picker on mobile). - [Email Verification](https://docsapp.xgenia.com/library/prefabs/email-verification.md): This prefab contains a set of cloud functions that can help you add support for user email verification and a reset password flow by sending the user emails with links containing… - [Filters](https://docsapp.xgenia.com/library/prefabs/filters.md): This prefab can be used to dynamically create filter controls that connect to a Query Records node. - [Form](https://docsapp.xgenia.com/library/prefabs/form.md): A component for creating dynamic forms with validation quickly. Use as is, or as basis to creating your own custom form types. - [List With Icons](https://docsapp.xgenia.com/library/prefabs/list-with-icons.md): This is a very simple list component that you can use as starting point for building your own custom lists. - [Loading Spinner](https://docsapp.xgenia.com/library/prefabs/loading-spinner.md): The loading spinner is a useful prefab for when you need to indicate that data is loading or a task is being peformed and you want to prevent accidental input from the user while… - [MailGun](https://docsapp.xgenia.com/library/prefabs/mailgun.md): This prefab will add a logic component to your cloud functions so you can send emails with MailGun, it will show up in the MailGun folder among your cloud functions. - [Media Queries](https://docsapp.xgenia.com/library/prefabs/media-query.md): This prefab gives you a couple of components that allow you to easily work with media queries and responsive design. - [Match Custom Media Query](https://docsapp.xgenia.com/library/prefabs/media-query/components/match-custom-media-query.md): This component is used to check for a custom media query. It is mostly used for one-off edge cases. For general media query usage it is recommended to use the Match Media Query… - [Match Media Query](https://docsapp.xgenia.com/library/prefabs/media-query/components/match-media-query.md): This component is used to check what breakpoint is currently active. It has one output for every breakpoint that outputs either true or false. - [Media Query Debugger](https://docsapp.xgenia.com/library/prefabs/media-query/components/media-query-debugger.md): This component shows the name of the currently active media query defined in the Media Query Setup component. - [Media Query Setup](https://docsapp.xgenia.com/library/prefabs/media-query/components/media-query-setup.md): This component sets up all media queries for your app. It should be placed in you home component. Your project should only include one Media Query Setup node. - [Modal](https://docsapp.xgenia.com/library/prefabs/modal.md): This prefab contains a simple confirmation popup modal. You can use it to display a message to your user and request a confirmation on an action. - [Multi Choice With Pills](https://docsapp.xgenia.com/library/prefabs/multi-choice-with-pills.md): A simple component for multi choice selection comprising a drop down with all options and the selected options are shown as pills above the drop down. - [Multi Choice](https://docsapp.xgenia.com/library/prefabs/multi-choice.md): A simple component for multi choice selection comprising a group of checkboxes. - [Form](https://docsapp.xgenia.com/library/prefabs/navigation-menu.md): This is a nifty component that creates a navigation menu. Clicking an item will perform a navigation to the specified path and the correct item will be highlighted. - [OAuth2](https://docsapp.xgenia.com/library/prefabs/oauth2.md): OAuth2 is a standard that allows, among other things, web applications to authorize (log in) users from external services like Facebook, Twitter, Microsoft or Google. This can… - [All prefabs](https://docsapp.xgenia.com/library/prefabs/overview.md): Prefabs allow you to clone a pre-built component and use it in your project. The component can be used as is, or tweaked to your needs by opening it up and modifying its internal… - [Pages And Rows](https://docsapp.xgenia.com/library/prefabs/pagesandrows.md): This prefab contains a UI component that is very handy with queries and UIs that require pagination. That is when you want to fetch and show one page at a time and let the user… - [Pagination](https://docsapp.xgenia.com/library/prefabs/pagination.md): This prefab contains a UI component that is very handy with queries and UIs that require pagination. That is when you want to fetch and show one page at a time and let the user… - [Progress Circle](https://docsapp.xgenia.com/library/prefabs/progress-circle.md): A UI component for visualizing progress in percentage where 100% match to 360 degrees. The component takes a minimum value, a maximum value and a target value for converting the… - [Rating](https://docsapp.xgenia.com/library/prefabs/rating.md): A UI component for selecting a rating from 1 to 5 with stars. Adding more starts or a different scale can easily be modified in the component. This UI component uses the Icon… - [Selection Pills](https://docsapp.xgenia.com/library/prefabs/selection-pills.md): A simple prefab component displaying a set of "pills" given an array of Options (the pill values) and Labels (what should be shown in the pills). The user can make a selection,… - [SendGrid](https://docsapp.xgenia.com/library/prefabs/sendgrid.md): This prefab will add a logic component to your cloud functions so you can send emails with SendGrid, it will show up in the SendGrid folder among your cloud functions. - [Stripe](https://docsapp.xgenia.com/library/prefabs/stripe.md): Accepting payments and managing subscriptions is an important part of many digital products and when building in XGENIA this is best done using Stripe, to go-to service for… - [Supabase](https://docsapp.xgenia.com/library/prefabs/supabase.md): This prefab gives you a few components that allows you to connect to Supabase and manage user authentication. - [Setup Client](https://docsapp.xgenia.com/library/prefabs/supabase/components/setup-client.md): This component is used to initialize Supabase Client and set it up to query your Supabase backend. - [Fetch Current User Auth](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-fetch-current-user-auth.md): This component is used to send a request to Supabase and retrieve all authorisation data on the currently logged in user. After a success it updates the auth, session and… - [Fetch Current User Profile Data](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-fetch-current-user-profile-data.md): This component is used to send a request to Supabase and retrieve all profile data on the currently logged in user. After a success it updates the profile property on the XGENIA… - [Log In](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-log-in.md): This component is used to log a user in. Once email address and password are set, the sign up is triggered after a signal is sent to the Do input. - [Log In](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-log-out.md): This component is used to log a user out. - [Request Example](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-request-example.md): This demo component executes a request to your Supabase instance. - [Resend Confirmation](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-resend-confirmation.md): This component is used to resend a signup confirmation email if the initial email was not received or expired. - [Send Magic Link](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-send-magic-link.md): This component is used to send a login link that doesnt require a password. - [Send Password Reset](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-send-password-reset.md): This component is used to send a password reset email to the provided email. - [Sign Up](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-sign-up.md): This component is used to sign up a user into Supabase. Once email address and password are set, the sign up is triggered after a signal is sent to the Do input. - [Update Current User Auth](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-update-current-user-auth.md): This component is used to to update the current logged in users email and password. - [Update Current User Data](https://docsapp.xgenia.com/library/prefabs/supabase/components/supabase-update-current-user-profile-data.md): This component is used to to update the current logged in users profile data. - [Tab Bar](https://docsapp.xgenia.com/library/prefabs/tab-bar.md): This prefab contains a tab bar component that you can use to create tab style navigation. - [Table](https://docsapp.xgenia.com/library/prefabs/table.md): A component for creating tables. This is also a great starting point for creating your own custom tables. - [Tags](https://docsapp.xgenia.com/library/prefabs/tags.md): This component can be used to display an array of objects with labels as tags. It can automatically create colors based on the label and you can receive click and optionally a… - [Time Picker](https://docsapp.xgenia.com/library/prefabs/time-picker.md): A UI component for picking a time of the day, hours and minutes. It works both as a text input where you can type the time, and as a drop down of quick picks. On Mobile the… - [Toast](https://docsapp.xgenia.com/library/prefabs/toast.md): A UI component for displaying Toast messages. This UI component comes with four Toast variations; A Warning, Error, Success, and a Neutral variation. This component utilizes the… - [Toggle Switch](https://docsapp.xgenia.com/library/prefabs/toggle.md): A UI component containing a simple toggle switch. You can use it as you would a Checkbox UI element. - [TOTP](https://docsapp.xgenia.com/library/prefabs/totp.md): Timebase One Time Passwords is a popular way to do 2-Factor Authentication (2FA) for users, that is, after the user signs in with username and password they need to provide a… - [Xano](https://docsapp.xgenia.com/library/prefabs/xano.md): This prefab gives you a few components that allows you to connect to Xano and manage user authentication. - [Setup XanoClient](https://docsapp.xgenia.com/library/prefabs/xano/components/setup-xanoclient.md): This component is used to configure the Xano Client, enabling your app to establish connections and query your endpoints. - [authToken Refresh](https://docsapp.xgenia.com/library/prefabs/xano/components/xano-authtoken-refresh.md): This component is used to automatically refresh the user authToken. - [Current User](https://docsapp.xgenia.com/library/prefabs/xano/components/xano-current-user.md): This component is used to fetch information from the current logged in users /auth/me path in Xano. - [Log In](https://docsapp.xgenia.com/library/prefabs/xano/components/xano-log-in.md): This component is used to log in a user. - [Log Out](https://docsapp.xgenia.com/library/prefabs/xano/components/xano-log-out.md): This component is used to log in a user. - [Request](https://docsapp.xgenia.com/library/prefabs/xano/components/xano-request.md): This component is used to call Xano API endpoints. - [Sign Up](https://docsapp.xgenia.com/library/prefabs/xano/components/xano-sign-up.md): This component is used create a new user in Xano. - [Update Current User](https://docsapp.xgenia.com/library/prefabs/xano/components/xano-update-current-user.md): This component is used to update information in the current logged in users /auth/me path in Xano. ## Optional - [Backend maths, source control and a new AI](https://docsapp.xgenia.com/whats-new/august-2026.md): What changed in XGENIA between April and August 2026 - [Publish to GitHub, UI Scaling and smarter simulations](https://docsapp.xgenia.com/whats-new/august-2026-2.md): What changed in XGENIA in mid-August 2026 - [XGENIA 1.0.0](https://docsapp.xgenia.com/whats-new/january-2024.md): XGENIA 1.0.0 - [Edit in the viewport, compliance packs from the editor, and a better launcher](https://docsapp.xgenia.com/whats-new/september-2026.md): What changed in XGENIA in late August and early September 2026 - [Forty slot-feature nodes, a maths cap on the component path, and public read routes](https://docsapp.xgenia.com/whats-new/september-2026-2.md): What changed in XGENIA and the RGS platform on 9 September 2026