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.aior 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