> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getmocha.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome

> Build beautiful and custom websites in minutes. No coding required.

<img src="https://mintcdn.com/mocha-47857bf6/jP-ZuE5UvgTztYNX/images/mocha-banner.png?fit=max&auto=format&n=jP-ZuE5UvgTztYNX&q=85&s=70a3c8dc9836084e0796e427ff5989e8" style={{ borderRadius: '8px' }} width="3000" height="1000" data-path="images/mocha-banner.png" />

## What is Mocha?

**Mocha** is an AI-powered app builder that allows you to create beautiful, custom websites using natural language.

You simply describe what you want in plain English (or your native language), and Mocha will generate it custom-tailored to your request. You can then keep making changes, improving it, adding features until it's ready to launch. Finally you can deploy it in one-click and share it with the world.

Mocha is different than traditional no-code website builders like Wix, Squarespace, and Webflow. It's powered by AI and actually writes code, which means the possibilities are endless, rather than using templates and having to learn a complicated interface.

Mocha is different than other AI powered website builders like lovable because it is fully integrated. It comes with built-in auth, database, backend, hosting. Because we vertically integrated it, it works better and is more reliable, you also don't need to connect and pay for multiple other services for auth, database, backend, hosting, etc.

Our design philosophy is that Mocha should be the single tool for you to build, launch, deploy and manage your app.

<Tip>
  **Take a sip of coffee, and let Mocha wake up your ideas.** ☕
</Tip>

<Frame caption="A beautiful SaaS landing page built with Mocha, live at https://vidsync.mocha.app">
  <img src="https://mintcdn.com/mocha-47857bf6/Q5Os2Tbn61W-oFpO/images/vidsync.png?fit=max&auto=format&n=Q5Os2Tbn61W-oFpO&q=85&s=f4dc57eb7e3e779ec54e54c57ae641ee" width="1908" height="1268" data-path="images/vidsync.png" />
</Frame>

## Quick Start

<CardGroup>
  <Card title="Getting started" icon="play" href="/getting-started">
    Learn the basics of Mocha and how to build your first website.
  </Card>

  <Card title="From Idea to Live Website" icon="lightbulb" href="/guides/idea-to-website">
    Step by step guide to get started with Mocha going over key features.
  </Card>

  <Card title="Prompting tips" icon="pencil" href="/guides/prompting">
    Tips and tricks for getting the most out of Mocha.
  </Card>

  <Card title="Deploying your website" icon="rocket" href="/basics/hosting">
    Learn how to deploy your website to the public.
  </Card>
</CardGroup>