Documentation is being updated. Some sections may not reflect the latest features.

Ubex Interface

Build full-stack applications with AI assistants Qira and Vira. Choose your LLM, describe what you need, and ship in minutes.

What is Ubex Interface?

Ubex Interface is the AI-powered app builder inside Ubex. It pairs two AI assistants - Qira for the frontend and Vira for the backend - so you can build complete applications through conversation. Pick any LLM, upload designs, switch models mid-project, and deploy instantly.

  • Multi-LLM - Choose from Claude, ChatGPT, Gemini, and more. Switch anytime.
  • Full-Stack - Frontend pages, backend APIs, and database tables from one conversation.
  • 1-Click Deploy - Publish to a custom subdomain or your own domain with SSL included.
  • Visual Design - Select any element and edit it visually without burning AI tokens.

How It Works

1. Choose Your Model

Qira works with the LLM you choose. Use a powerful model like Claude Opus for complex architecture, then switch to a lighter model like ChatGPT or Gemini for quick text changes. You control cost and capability at every step.

2. Describe Your App

Tell Qira what you need - a SaaS dashboard, a landing page, an e-commerce storefront. She generates the complete frontend: pages, components, forms, routing, and styling.

3. Backend Gets Built Automatically

When your app needs backend logic, Qira calls Vira in real-time. Vira creates REST APIs, authentication workflows, database tables, and business logic - no manual setup required.

4. Preview, Edit, Deploy

The Interface gives you two views side by side:

  • Live Preview - See exactly what's being built in real-time. Switch between Desktop, Tablet, and Mobile views.
  • Code View - Full access to the source code. Browse the project structure, open any file, and make manual adjustments.

Select & Design Tool

Click on any element in the live preview to modify it visually. A full design panel appears with controls for:

  • Classes - Add or remove CSS classes instantly
  • Layout - Display mode, position, overflow (block, flex, grid, inline)
  • Size - Width, height, min/max dimensions
  • Spacing - Padding and margin with linked or individual values
  • Fill & Borders - Background colors, gradients, opacity, border styles and radius
  • Effects - Shadows from subtle to dramatic
  • Typography - Font family, size, weight, line height, color, alignment
  • Responsive Breakpoints - Style per breakpoint (All, ≥640, ≥768, ≥1024, ≥1280)

This saves real money - simple design tweaks like changing a color or adjusting spacing cost zero tokens when done visually.

Settings & Versioning

  • Custom Subdomain - Publish at yourapp.ubex.ai or connect your own domain
  • Theme Switching - Change the entire color scheme with one click
  • Application Versioning - Every publish creates a version. Revert to any previous version in seconds.

Everything Connected

Frontend talks to backend natively. No CORS headaches, no API wiring. It works because everything is built on the same platform - authentication, database, hosting, SSL, deployment.

Next Steps

AI AssistantPowered by Ubex
Beta
Ask me anything about Ubex workflows, nodes, or the API.

Hi there 👋

How can we help you today?