UBEX INTERFACE

Baue Full-Stack-Apps mit Qira. Wähle dein Modell. Liefere in Minuten.

Qira ist dein KI-Builder im Ubex Interface. Wähle ein beliebiges LLM – von Claude über GPT bis Gemini – und baue komplette Frontend- + Backend-Anwendungen per Gespräch. Lade Designs hoch, wechsle Modelle mitten im Projekt und deploye sofort.

Multi-LLMWähle dein Modell
Full-StackFrontend + Backend + DB
1-KlickVeröffentlichen & live
Visual DesignAuswählen & live bearbeiten

Wähle das Gehirn hinter deinem Build.

Qira arbeitet mit dem LLM deiner Wahl. Wechsle jederzeit zwischen Modellen – nutze ein leistungsstarkes Modell für komplexe Layouts, ein leichteres für schnelle Änderungen. Du kontrollierst Kosten und Leistung.

Select model
Claude Opus 4.6Premium
Claude Sonnet
GPT-4o
Gemini Pro
Claude Haiku
Gemini Flash
Anthropic
Opus 4.6SonnetHaiku
OpenAI
GPT-4oGPT-4o Mini
Google
Gemini ProFlash

Modelle spontan wechseln

Du musst nicht das ganze Projekt mit einem Modell arbeiten. Starte mit einem leistungsstarken Modell für komplexe Architektur, wechsle zu einem leichteren für einfache Anpassungen. Ubex gibt dir diese Wahl – optimiere bei jedem Schritt für Qualität oder Kosten.

Qira baut das Frontend. Vira übernimmt das Backend. Automatisch.

Sobald dein Projekt ausgewählt ist, ruft Qira live Vira auf, um das Backend zu erstellen. Zusammen bauen sie alles – Frontend-Seiten, Backend-APIs und Datenbanktabellen. Eine komplette Anwendung aus einem Gespräch.

QiraFrontend
live calls
ViraBackend
creates
Full AppDeployed

Frontend-Generierung

Seiten, Komponenten, Formulare, Dashboards, Auth-Flows – Qira generiert die komplette UI aus deiner Beschreibung.

Automatische Backend-Erstellung

Qira ruft Vira in Echtzeit auf, um REST-APIs, Authentifizierungs-Workflows und Geschäftslogik zu erstellen – kein manuelles Setup.

Datenbanktabellen

Vira erstellt und konfiguriert alle Datenbanktabellen, die deine Anwendung braucht. Benutzer, Sitzungen, Inhalte – alles strukturiert und bereit.

Alles verbunden

Frontend kommuniziert nativ mit dem Backend. Keine CORS-Probleme, kein API-Verdrahten. Es funktioniert einfach, weil alles auf derselben Plattform gebaut ist.

Dein Projekt, deine Regeln.

Stoppe das Modell jederzeit. Lade Referenzbilder hoch. Wechsle LLMs mitten im Gespräch. Ubex gibt dir die volle Kontrolle darüber, wie deine Anwendung gebaut wird.

Jederzeit stoppen

Läuft es nicht in die richtige Richtung? Stoppe das Modell sofort und lenke um. Du hast immer die Kontrolle über den Generierungsprozess.

Bilder und Beispiele hochladen

Lade Screenshots, Mockups oder Beispiele von anderen Websites hoch. Qira nutzt sie als Referenz, um das Design zu treffen, das du im Kopf hast.

Modelle mitten im Projekt wechseln

Starte mit Claude Opus für komplexe Architektur, wechsle zu Haiku für schnelle Textänderungen. Du musst nicht bis zum Ende mit demselben Modell arbeiten.

Live sehen. Code bearbeiten. Beides gleichzeitig.

Das Interface bietet dir zwei Ansichten nebeneinander – eine Live-Vorschau von dem, was Qira erstellt hat, und eine Code-Ansicht, in der du alles manuell anpassen kannst.

Live-Vorschau
yourapp.ubex.ai

Sieh genau, was Qira in Echtzeit baut. Jede Komponente, jede Seite, jede Interaktion – live gerendert während der Generierung.

Code-Ansicht
src
index.html
styles.css
app.js
1<divclass="hero">
2<h1>Welcome</h1>
3<p>Build fast</p>
4<button>Start</button>
5</div>

Voller Zugriff auf den Quellcode. Durchsuche die Projektstruktur, öffne jede Datei und nimm manuelle Anpassungen vor.

Klicke auf ein Element. Designe es visuell. Spare KI-Kosten.

Das Select-Tool lässt dich auf jedes Element in der Live-Vorschau klicken und es sofort ändern. Ein vollständiges Design-Panel erscheint mit allen Optionen, die du brauchst. Statt Tokens zu verbrauchen, um die KI nach einer Schriftgrößen- oder Farbänderung zu fragen, machst du es selbst mit einem Klick. Das Design-Tool spart dir echtes Geld.

Geld sparen mit visueller Bearbeitung

Jedes Mal, wenn du die KI bittest, eine Farbe anzupassen, Abstände zu ändern oder eine Schrift zu wechseln – das kostet Tokens. Mit dem Design-Tool machst du diese Änderungen selbst in Sekunden, visuell. Reserviere die KI für das, was zählt: neue Features bauen, komplexe Logik und ganze Seiten. Einfache Design-Anpassungen sollten dich nie einen Prompt kosten.

Design<button>
Classes
block ×text-sm ×font-medium ×
Layout
BlockFlexGridInline
Typography
Size14px
Weight500
Color
Fill & Borders
Breakpoints
All≥640≥768≥1024≥1280

Klassen

CSS-Klassen sofort hinzufügen oder entfernen. Alle angewandten Klassen als Tags sehen, mit einem Klick entfernen oder neue hinzufügen.

Layout

Display-Modus, Positionstyp und Overflow-Verhalten steuern. Zwischen Block, Flex, Grid, Inline wechseln – alles mit visuellen Toggles.

Größe

Breite, Höhe, Min/Max-Dimensionen mit präzisen Pixelwerten setzen. Volle Kontrolle über den Platz deines Elements.

Abstände

Padding und Margin mit verknüpften oder einzelnen Werten anpassen. Den Freiraum um jedes Element fein abstimmen.

Füllung & Rahmen

Hintergrundfarben, Verläufe, Deckkraft, Cursor, Rahmenstile und Rahmenradius. Inklusive voreingestellter Verlaufsoptionen.

Effekte

Schatten von subtil bis dramatisch hinzufügen – None, SM, MD, LG, XL oder Inner. Plus benutzerdefinierte Schattenwerte.

Typografie

Schriftfamilie, Größe, Gewicht, Zeilenhöhe, Zeichenabstand, Farbe, Ausrichtung und Dekoration. Komplettes Text-Styling in einem Panel.

Responsive Breakpoints

Stil pro Breakpoint – All, ≥640, ≥768, ≥1024, ≥1280. Jedes Element kann bei verschiedenen Bildschirmgrößen unterschiedliche Stile haben.

Desktop. Tablet. Mobil. Alles sehen.

Drei Live-Vorschaumodi zeigen dir genau, wie deine Anwendung auf jedem Gerät aussieht. Wechsle sofort zwischen Desktop-, Tablet- und Mobilansicht.

Desktop
Tablet
Mobil

Subdomains, Themes und Versionskontrolle. Eingebaut.

Konfiguriere dein Deployment, wechsle Themes sofort und verwalte Anwendungsversionen – alles aus den Interface-Einstellungen.

Eigene Subdomain

Du willst nicht deine Hauptdomain nutzen? Richte eine Subdomain zum Veröffentlichen ein. Deine App geht live unter deineapp.ubex.ai oder jeder eigenen Domain.

yourapp.ubex.ai

Theme-Wechsel mit einem Klick

Ein Standard-Ubex-Theme verwendet? Wechsle es mit einem Klick. Alle Farben aktualisieren sich automatisch über jedes Element auf deiner Seite.

Anwendungs-Versionierung

Jede Veröffentlichung erstellt eine Version. Füge Beschreibungen hinzu, um Änderungen zu verfolgen. Kehre in Sekunden zu jeder vorherigen Version zurück.

v2.1Current
v2.0Added auth
v1.0Initial

Sieh zu, wie Qira und Vira eine komplette App bauen.

Vom Gespräch zur deployen Anwendung – Registrierung, Login, Dashboard, Mitglieder, Einstellungen und Deployment. Alles in einem Flow.

Qira
Sag Qira, was sie bauen soll...
your-domain.com
Warte auf Qira...

Alles an einem Ort. Nicht fünf.

Andere Plattformen zwingen dich, Frontend-Hosting, Backend-Dienste, Datenbanken, Auth-Anbieter und Deployment-Pipelines zusammenzuflicken. Ubex ist eine Plattform.

Ubex
Traditional Stack
Frontend
Qira generiert per Chat
React/Vue + manuelles Coding
Backend
Vira visuelle Workflows
Express/Django + Server-Setup
Datenbank
Auf Ubex gehostet, kein Setup
Separater DB-Dienst
Authentifizierung
JWT/OTP inklusive
Auth0 / Firebase Auth
Hosting
Ein-Klick-Deploy
Separates Frontend + API-Hosting
SSL
Automatisch
Manuell oder Let's Encrypt
Zu verwaltende Dienste
1 Plattform
4-6 Dienste

Schluss mit Flickwerk. Anfangen zu liefern.

Beschreibe deine App, erhalte einen Full Stack, deploye mit einem Klick. Kostenlose Stufe inklusive – keine Kreditkarte erforderlich.

Kostenlose Stufe · Managed Cloud · SSL inklusive · Eigene Domains
~/

Hallo 👋

Wie können wir Ihnen heute helfen?