GenSiteHub Logo
GenSiteHub
Add API Key
Documentation

Learn how to use GenSiteHub

From adding your API key to downloading your packaged app — everything you need to know.

Getting Started

  1. 1.Open GenSiteHub in any modern browser.
  2. 2.Click the settings icon (⚙️) in the top-right corner of the header.
  3. 3.Enter your OpenRouter API key — get one free at openrouter.ai.
  4. 4.Enter the model name you want to use (e.g. google/gemini-2.5-flash).
  5. 5.Click Save — you are ready to build.

Creating Your First App

  1. 1.Type a description of the app you want in the prompt box on the home page.
  2. 2.Be specific: mention features, layout, and the type of interactions you want.
  3. 3.Optionally click "✨ Enhance Prompt" to automatically improve your description.
  4. 4.Press Enter or click the Send button to generate.
  5. 5.A new workspace opens with your generated app.

The Build Tab

  1. 1.The left panel is the AI chat interface — describe changes, fixes, or new features in plain language.
  2. 2.The AI updates the HTML code automatically based on your instructions.
  3. 3.The right panel shows the code editor with the full generated HTML.
  4. 4.You can edit the HTML directly in the code editor at any time.
  5. 5.Click the "Preview" tab inside the editor to see your changes instantly.
  6. 6.On mobile, use the Chat / Code sub-tabs to switch between the two panels.

The Preview Tab

  1. 1.Switch to the Preview tab (top tab bar) for a full-screen, distraction-free view.
  2. 2.Toggle between Mobile (390px) and Desktop (full-width) preview modes.
  3. 3.Mobile mode shows a device frame to simulate how the app looks on an Android phone.
  4. 4.Click "Edit in Build" to return to the editor and continue making changes.

Building Your APK

  1. 1.Generate your app using the AI builder in the workspace.
  2. 2.Click the "Build Android APK" button in the top-right of the code editor.
  3. 3.Enter your App Name and Package Name in the modal.
  4. 4.Optionally upload an app icon (PNG or JPG, square, 512×512px recommended).
  5. 5.Click "Download APK Package" to get a ZIP file containing your HTML app.
  6. 6.Click "Open WebIntoApp →" — a free third-party service that converts HTML to APK.
  7. 7.On WebIntoApp, select the HTML template and upload your downloaded ZIP file.
  8. 8.Fill in your app details and click "Create App" to generate your APK.
  9. 9.Download your APK file from WebIntoApp.
  10. 10.Install the APK on your Android device and enjoy.

About WebIntoApp

  1. 1.WebIntoApp.com is a free third-party service that converts HTML packages into installable Android APK files.
  2. 2.GenSiteHub generates HTML apps in the exact format WebIntoApp accepts — self-contained, no external dependencies, fully offline-capable.
  3. 3.We chose this approach because it requires no backend infrastructure and you get a real APK file.
  4. 4.Option A — Test without APK: Open index.html in Chrome on Android, tap the menu → "Add to Home Screen" to install as a PWA.
  5. 5.Option B — Android Studio: Import the HTML into a WebView project. See the WebIntoApp or Android developer docs for details.
  6. 6.Note: We are not affiliated with WebIntoApp. GenSiteHub simply provides HTML in their supported format for your convenience.

Backing Up Your Projects

  1. 1.Your projects are stored only in your browser's localStorage. To prevent data loss, back them up regularly.
  2. 2.On the home page, click "Export All" in the Your Projects section to download a gensitehub-backup-YYYY-MM-DD.json file.
  3. 3.Store the backup file somewhere safe — cloud storage, a USB drive, or another device.
  4. 4.To restore, click "Import" on the home page and select your backup file. A confirmation prompt shows how many projects will be added or updated.
  5. 5.Tip: Export your projects before clearing your browser data or switching devices.
  6. 6.GenSiteHub also requests persistent storage permission from your browser on startup, which reduces the chance of the browser automatically clearing your data.

Frequently Asked Questions

Which OpenRouter models work best?

Any instruction-following model with strong coding ability works well. Try google/gemini-2.5-flash, anthropic/claude-sonnet-4-5, or meta-llama/llama-3.1-70b-instruct as starting points.

Why is my generated app not working correctly?

Try rephrasing your prompt with more specific detail. Use the AI chat to describe the exact issue — the AI can fix bugs if you describe what is wrong.

Can I use the app offline after downloading?

Yes. The generated HTML file is fully self-contained with no external CDN dependencies. It works 100% offline once downloaded.

How do I delete a project?

On the home page, hover over a project card to reveal the delete button. You can also select multiple projects using the checkboxes and delete them together.

More questions? See the full FAQ on the home page.