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, GPT-4o, 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 Haiku 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

• Learn about Qira — AI Frontend Builder
• Learn about Vira — AI Backend Builder