Documentation

Learn to Build with
GenMB

Everything you need to know to create amazing apps with AI. From your first project to advanced techniques.

GenMB is an AI-powered app builder that transforms plain English descriptions into production-ready web applications. Whether you are a developer looking to prototype faster, a founder validating ideas, or someone with no coding experience, these guides will help you build what you imagine.

What is GenMB?

GenMB is a vibe coding platform — an AI application builder that generates complete, functional full-stack web applications from natural language descriptions. Instead of writing code line by line, you describe what you want in plain English—"create a budget tracker with expense categories and monthly charts"—and GenMB generates all the code, database schemas, and backend infrastructure needed to make it work. It's the easiest way to vibe code your ideas into reality.

The generated code is clean, readable, and follows industry best practices. You can preview your app instantly, make refinements through conversational chat, and deploy to a live URL with one click. Code Healer automatically detects and fixes errors. The Visual Editor lets you click elements to modify them directly. Version history lets you track changes and rollback if needed. For complex applications, Agent Mode breaks your request into steps and builds autonomously with AI Architecture Planning and automatic error recovery.

GenMB supports three frameworks—Vanilla JavaScript for simple apps, React for component-based apps, and React + TypeScript for complex production applications. It auto-provisions databases (Firestore or PostgreSQL), includes an interactive Schema Designer and Database Browser, and offers 45+ plugin integrations including Supabase, Stripe, and Clerk. You can manage environment variables, upload static assets, enable PWA for offline functionality, and export your code to continue development in any environment.

Documentation Guides

Comprehensive guides to help you master GenMB, from your first app to advanced techniques.

Getting Started

Learn how to create your first app with GenMB in minutes. This step-by-step guide walks you through account setup, writing your first prompt, understanding the generation process, previewing and refining your app, and deploying to a live subdomain. Perfect for first-time users who want to understand the complete workflow from idea to published application.

Read guide

Best Practices

Master the techniques that power users rely on to build better apps faster. Learn how to write effective prompts that get excellent results, choose the right framework for your project, leverage Agent Mode for complex multi-feature applications, iterate efficiently with chat commands, configure PWA settings for mobile experiences, and deploy with confidence.

Read guide

Template Marketplace

Learn how to publish your apps as community templates on the GenMB Marketplace. Share your creations with other users, discover templates built by the community, and install them with one click to get a fully customizable copy. Covers publishing, categories, managing templates, and tips for creating great templates.

Read guide

Automation Workflows

Build backend automation visually without writing code. Connect nodes on a canvas to create workflows with HTTP requests, email notifications, conditional logic, AI processing, delays, and data transformations. Set up webhook or schedule triggers, and monitor every execution with detailed history.

Read guide

Figma Import

Import your Figma designs and generate working code that matches your mockups. GenMB extracts design tokens including colors, typography, spacing, and border radii as CSS custom properties. Learn how to connect your account, prepare designs for best results, and manage extracted tokens.

Read guide

Backend & Data

Deploy AI-powered Backend Agents that run server tasks autonomously on a schedule. Query your app data with natural language using Data Insights. Connect external APIs and databases securely through Data Connectors with HMAC authentication and rate limiting.

Read guide

Quick Links

Jump directly to the topics you need.

Common Questions

What is vibe coding and how does GenMB support it?▼
Vibe coding is building software by describing what you want in natural language instead of writing code. GenMB is a vibe coding platform — you describe your app idea in plain English, and AI generates working code. Features like Code Healer (automatic error fixing), Visual Editor (click to modify), and Agent Mode (autonomous building) make GenMB the most complete vibe coding tool available.
How do I get started with GenMB?▼
Getting started is simple: sign in with your Google account, describe the app you want to build in plain English, and watch as GenMB generates the code in real-time. You can then preview your app, make refinements through chat, and deploy to a live URL. No coding experience is required—the entire process can be completed in minutes.
What should I include in my app description?▼
For best results, include: the type of app (dashboard, calculator, landing page, etc.), key features and functionality, design preferences (colors, style, layout), and specific user interactions. The more specific you are, the better the results. Start simple and iterate—you can always add features through chat after the initial generation.
When should I use Agent Mode vs standard mode?▼
Use Agent Mode for complex applications with 5 or more features, multiple screens, or intricate logic. Agent Mode breaks your request into steps, builds incrementally, and self-corrects errors. Use standard mode for simple apps, quick prototypes, or single-purpose tools where you want fast results without the planning overhead.
How do I choose between Vanilla JS, React, and React+TypeScript?▼
Choose Vanilla JS for simple apps, calculators, and landing pages with the fastest load times. Choose React for complex apps with state management and dashboards. Choose React + TypeScript for large multi-page apps where type safety and IDE support matter. When unsure, start with Vanilla JS.
How do I add Supabase, Stripe, or authentication to my app?▼
Use the Integrations panel in your app to enable Supabase (database/auth), Stripe (payments), or Clerk (user management). Add your API keys, and GenMB will automatically generate code that integrates with these services. The AI understands your enabled integrations and uses the correct patterns during code generation.
Can I build backend automations without code?▼
Yes. GenMB Automation Workflows let you build backend logic visually by connecting nodes on a canvas. Available node types include HTTP requests, email notifications, conditional logic, delays, AI processing, and data transformations. Trigger workflows via webhooks or schedules.
Can I import my Figma designs into GenMB?▼
Yes. Connect your Figma account, select a file or frame, and GenMB generates working code that matches your design. It extracts design tokens (colors, typography, spacing) as CSS custom properties for easy customization.
What are Backend Agents?▼
Backend Agents are AI-powered server-side processes that run autonomously. Describe what the agent should do, and GenMB generates the code, deploys it, and runs it on a schedule or webhook trigger. Available on the Business plan.
Does GenMB have built-in app analytics?▼
Yes. Per-app analytics track visitor counts, referral sources, top pages, and period comparisons (7, 30, 90 days) without any third-party setup. Access analytics from the Analytics panel in your app.

Ready to start building?

Jump right in and create your first app with GenMB. No coding experience required.

Create Your First App