AI Apps

Create, iterate, and discuss AI-powered HTML applications — from idea to working prototype in seconds, with full version management and real-time preview.

What Are AI Apps?

AI Apps in YeeroAI are self-contained HTML applications generated by AI. Describe your idea in plain language, and AI will generate a fully functional web app. You can then iterate on it through conversation, view real-time previews, and manage versions.

Creating an App

To create a new AI App:

1. Navigate to the Apps page from the sidebar.
2. Click "New App".
3. Fill in the creation form:
   • App Name — Give your app a descriptive name (e.g., "JSON Formatter").
   • Description (optional) — Briefly describe what the app does.
   • Save to Folder — Choose a folder to organize your app, or leave it in the root.
   • Model — Select which AI model will generate the app.
4. Click "Create & Generate" — AI will start generating your app.

App Detail Page

Click any app to open its detail page, which provides three main views:

Preview

The Preview tab shows the live rendering of your app. The HTML content is displayed in an iframe that automatically syncs with the current theme (light/dark). If no content has been generated yet, send a message in the conversation to generate one.

Code

The Code tab shows the raw HTML source code of the current version. You can:

• Copy Code — Copy the entire HTML source to your clipboard.
• Download Source — Download the HTML file to your computer.
• Save Changes — Edit the code manually and save it as a new version. You must provide a change summary.

Discussion

The Discussion tab is a dedicated conversation space for planning and iterating on your app:

• Plan before building — Describe your app idea, and AI will help clarify requirements and plan the approach.
• Generate from plan — Click "Generate App from Plan" to create the app based on the discussion.
• Include Code — Toggle "Include Code" to let AI see the current app code during discussion, enabling more contextual suggestions.

App Conversation

Each app has its own conversation for iterating on the design. The input area provides:

Each AI response creates a new version of the app, which you can preview, rollback, or continue iterating on.

Background Generation

AI App content generation and discussion support background continuation — even if you close the app detail page, refresh the browser, or temporarily lose network, any task already in flight keeps running in the backend and seamlessly resumes when you return.

• Keeps running with the page closed — Closing the detail page does not cancel the task; the AI quietly finishes the job in the background.
• Auto-recovery on reconnect — Any content generated during a network blip is delivered in full when reconnecting; nothing is dropped.
• Cross-session consistency — All sessions under the same account see the active task, and the UI state stays in sync with the real backend state after refresh.
• Real-time list indicators — The Apps list shows a "Generating in background" badge on the card with a hover tooltip, so multiple parallel tasks are visible at a glance.
• Cancel-to-sync — Cancelling on any client immediately stops streaming on every other client; states never conflict.

Version Management

Every AI generation or manual edit creates a new version:

• Version list — See all versions with their numbers (v1, v2, v3...).
• Current version — The active version is marked as "Current".
• Rollback — Click "Rollback to This" on any version to make it the active version. The current version is not deleted — only the active pointer changes.
• Credit tracking — Each version shows the credits consumed and generation time.

Running Apps

Click "Run" on any app to open it in a floating dialog:

• Minimize — Minimize the running app to a compact bar at the bottom.
• Restore — Bring the minimized app back to full view.
• Close — Close the running app dialog.
• Edit — Jump directly to the app's edit page.
• Open in App Page — Open the app in its full detail page.
• Navigation — Use Previous/Next buttons to browse between apps.

App Management

From the Apps List

On the Apps page, you can:

• Search — Search apps by name or description.
• Filter by status — All, Active, Archived, or Draft.
• Sort — Recently Updated, Most Runs, or Earliest Created.

App Actions

Click the menu on any app card to access:

• Run — Launch the app.
• Edit App — Open the app detail page.
• Edit Info — Change the app name and description.
• Archive / Unarchive — Move the app in or out of archive.
• Delete — Permanently delete the app and all its versions and chat history.
• Move to Folder — Move the app to a different folder.
• Rename — Change the app name.
• Pin / Unpin — Pin the app to the top of the list.
• Enable / Disable Cloud Sync — Toggle cloud synchronization for the app's runtime data.

Cloud Sync

App runtime data can be synced to the cloud:

• Enable Cloud Sync — App data is synced across your devices.
• Disable Cloud Sync — App data stays local only.

App Status