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

# Welcome to Emergent

> Learn about Emergent and how to get started

Emergent is the world's first truly agentic vibe coding platform. Go from prompt to production-ready full-stack apps in an hour, on both web and mobile!

Emergent lets you build full-stack, production-ready applications using just natural language prompts. From frontend to backend, authentication to deployment, Emergent automates the heavy lifting so you can focus on building your product. Just describe your vision to Emergent and watch it come alive!

Traditionally, app development requires setting up environments, frameworks, and infrastructure. Emergent removes that barrier. No boilerplate, no DevOps hassle. Just describe what you want to build, and Emergent creates it.

With built-in GitHub integration, live preview, testing, and deployment, Emergent helps non-coders, PMs, developers, and solo founders ship software faster than ever.

<iframe src="https://www.youtube.com/embed/jF0WZu6r4KQ" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Start exploring Emergent

Choose a path below to learn the platform, explore key features, and connect integrations.

<Columns cols={3}>
  <Card title="Getting Started" icon="stairs" color="#80FFF9" href="/introduction/getting-started">
    Start from zero and learn how Emergent works end-to-end.
  </Card>

  <Card title="Features" icon="puzzle-piece" color="#80FFF9" href="/features/mcp">
    Explore core platform features like MCP, deployments, testing etc
  </Card>

  <Card title="Integrations" icon="link" color="#80FFF9" href="/integrations/github">
    Connect GitHub, Stripe, Supabase, and external APIs in minutes.
  </Card>

  <Card title="Prompt Engineering" icon="brain" color="#80FFF9" href="/prompts/basic-guide">
    Learn effective prompting, debugging, and integration techniques.
  </Card>

  <Card title="Use Cases" icon="lightbulb" color="#80FFF9" href="/use-cases/showcase">
    Discover what others have built using Emergent and get inspired.
  </Card>

  <Card title="Troubleshooting" icon="wand-magic-sparkles" color="#80FFF9" href="/troubleshooting/design-tweaks">
    Improve your builds with insider tips, design ideas, and advanced tricks.
  </Card>

  <Card title="Custom Agents" icon="robot" color="#80FFF9" href="/agents/architecture">
    Build and manage specialized AI agents for complex workflows.
  </Card>

  <Card title="Credits in Emergent" icon="sparkles" color="#80FFF9" href="/introduction/plans-and-credits">
    Understand how credits work and optimize your plan for efficiency.
  </Card>

  <Card title="Community & Support" icon="users" color="#80FFF9" href="/community/discord">
    Join our Discord community and get help from our team.
  </Card>
</Columns>

## Watch some of our video tutorials

<div style={{ marginTop:"24px",marginBottom:"24px" }}>
  <Columns cols={2}>
    <div style={{ paddingBottom:"16px" }}>
      <iframe src="https://www.youtube.com/embed/1eF5ENSQyD8" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />
    </div>

    <div style={{ paddingBottom:"16px" }}>
      <iframe src="https://www.youtube.com/embed/84zvsw9vKdg" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />
    </div>

    <div style={{ paddingBottom:"16px" }}>
      <iframe src="https://www.youtube.com/embed/ZF-uWdQN8so" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />
    </div>

    <div style={{ paddingBottom:"16px" }}>
      <iframe src="https://www.youtube.com/embed/RQCqQIYTefU" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />
    </div>
  </Columns>
</div>