Happy to see you here!
XGENIA is a low code web app builder that will have you creating applications faster and smarter. It's a visual development environment that you don't need any previous coding skills to start learning. It's also great for developers who already know how to code as you can easily mix in JavaScript when appropriate.
Editor
Editor Panels
What every panel in the sidebar does, which ones are experimental, and which have been withdrawn
AI Agents
AI Image Editor
Editing in the Viewport
Edit mode: select, move, resize and rotate elements directly in the live preview
Editing a Node's Script
Override a single node instance's behaviour by editing its Script property
Key Bindings
Keyboard shortcuts for the XGENIA editor
XGENIA RGS
Overview
Connect to the RGS platform, create an operator and register a game
Order of Work and Limits
What to build first, and the engine limits that decide it
Maths Components
Author maths under the maths sheet and deploy it as backend functions
Publishing a Game
How Publish wires your frontend to the deployed endpoints and ships it to Vercel
Testing and Simulation
Measure RTP, hit frequency and volatility on the deployed maths
Slot Features
Cluster pays, meters, hold-and-win, wheels, picks, bonus buy and the player-side nodes around them
Compliance Documents
Generate the certification and compliance pack for a deployed build, from the editor
Round Tracking
How bets and wins reach Bet History, and what has to be true first
Provably Fair Maths
The commit/reveal pipeline, the exact hashing rules, and the nodes that implement them
Stake Engine
Build against Stake's own remote game server: the round lifecycle nodes, amount scaling and the Stake export
Building User Interfaces
Visual nodes
Learn how to to place and edit visual elements using Xgenias node model
Components
Learn how to create visual components that are reusable
Layout
Learn how to create layouts and group content using visual nodes
Responsive Design
Learn how to to build responsive layouts and components
Style Variants
Learn how to define style variants for visual elements
Visual States
Learn how to style hover, focused, and other visual states on UI elements
States Node
Learn how to use the States node to create UI states, animations and more
Scrolling Content
Learn how to set up scrolling containers and pages
Custom UI Components
Learn how to create your own re-usable components
Modules and Prefabs
Get pre-made components, third-party-services, and new capabilities with modules
Data & Connections
Making Connections
Learn how to make data connections between nodes.
Variables
Learn how to store data locally in your app using variables
Objects
Learn how to store objects of data locally in your app
Arrays
Learn how to store multiple objects of data using arrays
Lists Basics
Learn how to generate lists of UI elements from data
UI Controls and data
Learn how connect UI Controls to data nodes to create forms and more
External Data
Learn how to work with external data using REST APIs
Navigation
Basic Navigation
Learn how to create pages and how to navigate between them
Multi Level Navigation
Learn how to set up a multi-level-navigation system
Encoding Parameters in URLs
Learn how to pass parameters in the URL when navigating between page
Popups
Learn how to display popups on user interactions
Component Stack
Learn how to create a wizard flow using a Component Stack
Logic & Code
Client Side Business Logic with Nodes
Learn how to work with logic nodes for your frontend
Javascript in XGENIA
Learn how to use Javascript in XGENIA and combine nodes with code
Client Side Business Logic with Javascript
Learn how to use Javascript for custom logic
Events
Learn how to work with events in XGENIA
Cloud Functions
Cloud Services & Databases
Creating a cloud service
Learn how to set up a cloud service for your App, to store and read persistant data
Creating a class
Learn how to create a class for storing data records in a cloud service.
Creating new database records
Learn how to store a data Record in a cloud service.
Quering records from a database
Learn how to query record from a database to your app
Updating records
Learn how to update existing records in a database
Filter database queries
Learn how to filter database queries
Record relations
Learn how to create relations between records in a database
Access Control
learn how to limit access control to records to certain users.
Importing and exporting data
learn how to import and export data to/from your cloud services database.
Supabase Integration
Data Tables
Machine Learning
Setting up HuggingFace
Learn how to configure your HuggingFace API key and set up the ML Coordinator server
Data Analysis
Learn how to analyze datasets for ML readiness, detect problem types, and identify quality issues
Training Models
Learn how to train custom models using HuggingFace AutoTrain for classification, regression, and LLM fine-tuning
Running Predictions
Learn how to run inference with HuggingFace models using serverless or dedicated endpoints
ML Pro Nodes Reference
Reference for all ML visual nodes: Analyzer, Trainer, Predictor, Retention Analyzer, and Action Engine
Version Control
Version Control
Learn how to use Xgenias powerful version control features based on Git
Migrating from Hosted Git
Learn how to migrate from XGENIA hosted Git to your own repository
Deploying & Hosting
Using XGENIA Deploy Options for Vercel
Learn how to use XGENIA deploy options to deploy your project directly to Vercel hosting platform
Using a self hosted cloud service
Learn how to create a self hosted cloud service through a Docker Container
Deploying to iOS and Android
Learn how to deploy your project as a native app
Self hosting your XGENIA Frontend
Learn how to deploy your project to a local folder for Self Hosting