Do I need to know how to code to use Ubex AI?

No. Vira and Qira can build for you from plain language descriptions. Developers can also use the visual canvas and code nodes for full control.

What can I build with Ubex AI?

Apps, automations, AI chatbots, data pipelines, booking systems, dashboards, internal tools - anything from a simple workflow to a full-stack application.

Do I need a credit card to start?

No. The Free plan is completely free - no credit card, no time limit. Start building and upgrade when you're ready.

What deployment options are available?

Free through Pro run on EU Cloud. Business adds self-hosted deployment. Enterprise adds VPC and full on-premise options.

How do AI credits work?

Credits are consumed based on tokens processed. Each model has different rates. You can also connect your own provider keys instead - no credits needed.

VIRA & QIRA KENNENLERNEN

Zwei KIs. Ein Builder. Deine Full-Stack-App, aus Konversation.

Qira baut dein komplettes Frontend, während Vira deine Backend-Workflows und Datenbanktabellen baut - beide aus natürlicher Sprache. Beschreibe was du brauchst und sieh deine App entstehen, end to end.

Frontend von Qira Backend von Vira Datenbanktabellen Ein-Klick-Deploy

DEIN KI-BUILD-TEAM

Lerne die zwei Köpfe hinter deiner App kennen

Qira und Vira arbeiten Seite an Seite. Qira gestaltet und baut alles was deine Nutzer sehen. Vira verdrahtet alles was im Hintergrund läuft.

Qira

Frontend-Builderin

Qira erstellt komplette Frontends für deine Anwendungen - Seiten, Komponenten, Layouts und Styling. Sie arbeitet nach deinen Anweisungen und iteriert mit dir bis jeder Screen genau passt.

Live-Vorschau jeder Änderung

Voller Code-Zugriff & Bearbeitung

Publish & Deploy mit einem Klick

Vira

Workflow-Architektin

Vira baut dein komplettes Backend - vollständige Workflows und Datenbanktabellen. Beschreibe die Logik die du brauchst und sie gestaltet die Nodes, Verbindungen und das Datenmodell dahinter.

End-to-End-Workflows

Datenbanktabellen & Schema

REST-Endpoints & Verbindungen

QIRA - FRONTEND-BUILDER

Qira baut dein komplettes Frontend.

Qiras Arbeitsbereich ist zweigeteilt: der Chat links wo du Anweisungen gibst, und der Builder rechts wo deine App live Gestalt annimmt.

QiraBeschreibe die App die du bauen möchtest.

Build

Beschreibe deine App und sie wird lebendig. Iteriere am Design unterwegs.

Aus einer Beschreibung bauen

Seiten und Komponenten bauen

Designs und Layout iterieren

Landingpage bauenDashboard erstellenAuthentifizierung hinzufügen

Was möchtest du heute bauen?

MyApp

DashboardMembersSettings

1,284Users

€12.4kRevenue

94%Uptime

Um Qira zu nutzen, erstelle ein Interface-Projekt - Qira ist dort als dein Frontend-Builder verfügbar.

DAS CHAT-PANEL

Sprich mit Qira wie mit einer Kollegin.

Der Chat ist wo du Qira Anweisungen gibst. Von einfachen Anfragen bis zur vollständigen Projektinitialisierung - alles beginnt hier.

@ Erwähne alles

Referenziere deine Projektressourcen direkt im Chat. Tippe @ und wähle aus Dateien, Workflows, Vault-Schlüsseln, Datenbanktabellen oder My Data. Qira versteht den Kontext und nutzt sie beim Bauen.

FilesWorkflowsVault KeysDatabaseMy Data

Projektanweisungen (.qira Ordner)

Initialisiere Qira mit einem Satz von Anweisungen die sie ohne Nachfragen für das gesamte Projekt befolgt. Qira erstellt einen .qira Ordner wo diese Regeln gespeichert werden und referenziert sie bei jeder Anfrage.

📁 .qira/
  ├── instructions.md
  ├── style-guide.md
  └── rules.md

Dateien hochladen

Lade Designs, Mockups, Referenzbilder oder Dokumente direkt im Chat hoch. Qira nutzt sie als Kontext für das was sie baut.

Kontext-Speicher

Nutze das %-Symbol um den Kontext-Speicher zu steuern. Qira merkt sich was wichtig ist und vergisst was nicht - du entscheidest was im Scope bleibt.

LLM-Modell-Auswahl

Wähle, welche KI Qira antreibt. Wechsle jederzeit zwischen ChatGPT, Gemini, Claude Opus, Claude Sonnet, GLM, DeepSeek, MiMo und Kimi.

Letzte Konversationen

Sieh jeden Prompt den du seit Projektbeginn gesendet hast. Springe zu jeder vorherigen Konversation zurück um Kontext zu prüfen oder dort weiterzumachen wo du aufgehört hast.

DAS BUILDER-FENSTER

Deine App, live. Volle Kontrolle.

Das Hauptfenster zeigt alles was Qira baut - Vorschau live, Code bearbeiten, veröffentlichen und Versionen verwalten. Alles aus einer Toolbar.

Files

src

App.jsx

index.css

Dashboard.jsx

assets

logo.svg

hero.png

package.json

1import { useState } from'react';

2import { Card } from'./components';

4export functionDashboard() {

5 return (

6 <divclassName="dashboard">

7 <Cardtitle="Users" />

8 </div>

SELECT ELEMENT TOOL

Klicke auf alles. Ändere es sofort.

Das Select Element Tool lässt dich visuell jedes Element auf der Seite auswählen und es ändern - per Chat, Code oder dem integrierten CSS-Editor.

Element auswählen

Klicke auf das Select Element Tool in der Toolbar, dann klicke auf ein beliebiges Element in der Live-Vorschau. Es wird hervorgehoben und ausgewählt.

Untere Tooltip-Leiste erscheint

Eine Tooltip-Leiste erscheint unten und zeigt die Code-Referenz des ausgewählten Elements, plus zwei Aktions-Buttons.

Visuell oder über Qira bearbeiten

Ein CSS-Panel öffnet sich rechts mit allen Style-Eigenschaften - Größe, Abstände, Farben, Typografie, Ränder, Schatten. Alles visuell bearbeiten. Oder nutze 'An Chat anhängen' um Qira zu bitten es zu ändern.

Schriftgröße16px

Farbe#ffffff

Padding12px 24px

Border-Radius8px

CODE-ANSICHT FUNKTIONEN

Voller Code-Zugriff. Keine Einschränkungen.

Dateien manuell bearbeiten, im Projekt suchen, Bilder hochladen und das Rechtsklick-Kontextmenü für schnelle Aktionen nutzen.

Qira fragen

Code auswählen, Rechtsklick und 'Qira fragen' wählen - Qira ändert den ausgewählten Code basierend auf deiner Anweisung.

Manuelle Bearbeitung

Öffne jede Datei und bearbeite sie direkt. Vollständiger Code-Editor mit Syntax-Highlighting und allen Standard-Shortcuts.

Alle Dateien durchsuchen

Eine Suchleiste neben dem Files-Titel lässt dich sofort in jeder Datei deines Projekts suchen.

Bilder hochladen

Der Upload-Button in der Code-Ansicht (neben dem Files-Titel) lässt dich Bilder hochladen die direkt in den Assets-Ordner gehen.

Befehlspalette

Greife auf die vollständige Befehlspalette über das Rechtsklick-Menü zu für erweiterte Aktionen und schnelle Navigation.

Alle Vorkommen ändern

Rechtsklick auf ausgewählten Text und 'Alle Vorkommen ändern' wählen um sofort in der gesamten Datei umzubenennen.

EINSTELLUNGEN & DEPLOYMENT

Domains, Themes und Deploy.

Konfiguriere das Deployment deiner App, verbinde eigene Domains und verwalte Themes - alles aus dem Einstellungs-Panel.

Settings

DOMAIN

app-myproject.ubex.ai

SUBDOMAIN

app-BackFlow

.ubex.ai

DEPLOY

THEMES

Eigene Domain & Subdomains

Verbinde deine eigene Domain oder erstelle unbegrenzte Subdomains direkt aus Ubex. Richte deine Domain unter Settings ein (linke Sidebar, über deinem Profil), füge CNAME- und TXT-Einträge bei deinem Domain-Provider hinzu, verifiziere und deploye.

Domain unter Settings → Domain Tab hinzufügen

CNAME- und TXT-Werte beim Domain-Provider eintragen

Verify Domain drücken und auf Propagierung warten

Subdomains direkt aus Ubex erstellen - Name eingeben, speichern, deployen

Deploy

Ein-Klick Deploy auf deine konfigurierte Domain oder Subdomain. Deine App geht sofort live mit SSL inklusive.

Themes

Nutze eines der eingebauten Ubex-Themes oder erstelle dein eigenes. Bei Themes aktualisieren sich alle Farben automatisch in jedem Element - einmal ändern, überall aktualisieren.

VIRA - WORKFLOW-ARCHITEKTIN

Vira baut dein Backend & deine Datenbank.

Gleiches Interface, andere Superkraft. Chatte links mit Vira und sieh zu wie sie rechts auf dem Canvas komplette Workflows und Datentabellen zusammenbaut.

ViraWas bauen wir heute?

Vibe

Erst chatten, dann bauen. Erkunde Ideen und iteriere während du Bedürfnisse entdeckst.

GUT FÜR:

Neue Workflow-Ideen erkundenKomplexe Automatisierungen iterierenSchritt für Schritt mit Anleitung bauen

Einen Kundensupport-Agenten bauenEinen Onboarding-Flow erstellenEinen API-Endpoint erstellen

Was möchtest du heute bauen?

Claude Opus Vira fragen

Beschreiben

Sag Vira welche Backend-Logik du brauchst - aus dem Interface-Chat oder einem dedizierten Projekt.

Vira baut

Vira erstellt Workflows, Datenbanktabellen, Verbindungen - alles automatisch verdrahtet.

Verifizieren

Inspiziere den Workflow, prüfe die Logik, bestätige dass alles korrekt ist.

Deployen

Speichere den Endpoint und nutze ihn. Gib ihn Qira im Frontend-Chat - sie verbindet ihn für dich.

Alle Ubex-Nodes

My Data Tabellen

Vault & Secrets

REST-Endpoints

Du kannst Qira direkt aus dem Interface-Chat sagen dass Vira auch den Backend-Workflow erstellt. Gemeinsam erstellen sie Tabellen, Endpoints, Verbindungen - alles was nötig ist damit die Funktion End-to-End funktioniert.

ERSTE SCHRITTE

So greifst du auf Vira & Qira zu

Erstelle ein neues Interface-Projekt

Qira und Vira sind bereit im Chat-Panel

Beginne zu beschreiben was du brauchst

Starte mit Vira & Qira zu bauen

Beschreibe was du brauchst. Qira baut das Frontend, Vira baut das Backend - und alles wird zusammen deployed.

Kostenlos starten Kontakt aufnehmen

Keine Kreditkarte erforderlich · Free-Tier inklusive