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

# Welcome to Hercules

> Hercules makes it easy to build stunning apps and websites by chatting with AI. Build SaaS, eCommerce, marketing pages, internal tools, mobile apps, and more.

Hercules makes it easy to build stunning apps and websites by chatting with AI.

<div className="screenshot candy">
  <img src="https://mintcdn.com/zeus-0f6dadbf/kr00GTozD-mEFvWE/images/apps/_app-editor-screen-limited-chat-text.png?fit=max&auto=format&n=kr00GTozD-mEFvWE&q=85&s=d9dd9075e1c2cb178516fdb9b8142e3f" alt="Hercules app editor with AI chat" width="2934" height="1670" data-path="images/apps/_app-editor-screen-limited-chat-text.png" />
</div>

### What can I build with Hercules?

You can build any type of app or website with Hercules. Our top customers use Hercules to build <span className="highlight highlight-purple">SaaS</span>, <span className="highlight highlight-green">eCommerce</span>, <span className="highlight highlight-blue">Internal Tools</span>, <span className="highlight highlight-pink">Mobile Apps</span>, <span className="highlight highlight-orange">Marketing Pages</span>, <span className="highlight highlight-indigo">Landing pages</span>, and more. Just tell Hercules what you want to build and it will build it!

### What features does Hercules have?

Hercules has all the features and integrations you need to build and deploy powerful apps. Everything is built-in, ready to use immediately, and included in your plan.

<div className="icon-card-grid">
  <Link className="icon-card" href="/apps/publish/buy-domain">
    <div className="icon-card-icon icon-color-blue">
      <Icon icon="globe" size={28} color="#3B82F6" />
    </div>

    <span className="icon-card-label">Domains</span>
  </Link>

  <Link className="icon-card" href="/apps/branding-seo">
    <div className="icon-card-icon icon-color-violet">
      <Icon icon="palette" size={28} color="#8B5CF6" />
    </div>

    <span className="icon-card-label">Branding & SEO</span>
  </Link>

  <Link className="icon-card" href="/apps/users-auth/get-started">
    <div className="icon-card-icon icon-color-emerald">
      <Icon icon="users" size={28} color="#10B981" />
    </div>

    <span className="icon-card-label">Users & Auth</span>
  </Link>

  <Link className="icon-card" href="/apps/commerce/get-started">
    <div className="icon-card-icon icon-color-amber">
      <Icon icon="credit-card" size={28} color="#F59E0B" />
    </div>

    <span className="icon-card-label">Payments</span>
  </Link>

  <Link className="icon-card" href="/apps/database">
    <div className="icon-card-icon icon-color-cyan">
      <Icon icon="database" size={28} color="#06B6D4" />
    </div>

    <span className="icon-card-label">Database</span>
  </Link>

  <Link className="icon-card" href="/apps/mobile/get-started">
    <div className="icon-card-icon icon-color-pink">
      <Icon icon="smartphone" size={28} color="#F472B6" />
    </div>

    <span className="icon-card-label">Mobile</span>
  </Link>

  <Link className="icon-card" href="/apps/ai-gateway">
    <div className="icon-card-icon icon-color-indigo">
      <Icon icon="sparkles" size={28} color="#6366F1" />
    </div>

    <span className="icon-card-label">AI Gateway</span>
  </Link>

  <Link className="icon-card" href="/apps/files-media-storage">
    <div className="icon-card-icon icon-color-teal">
      <Icon icon="image" size={28} color="#14B8A6" />
    </div>

    <span className="icon-card-label">Files & Media</span>
  </Link>

  <Link className="icon-card" href="/apps/analytics">
    <div className="icon-card-icon icon-color-rose">
      <Icon icon="chart-line" size={28} color="#EC4899" />
    </div>

    <span className="icon-card-label">Analytics</span>
  </Link>

  <Link className="icon-card" href="/apps/backend">
    <div className="icon-card-icon icon-color-red">
      <Icon icon="server" size={28} color="#EF4444" />
    </div>

    <span className="icon-card-label">Backend</span>
  </Link>

  <Link className="icon-card" href="/apps/version-control">
    <div className="icon-card-icon icon-color-lime">
      <Icon icon="git-branch" size={28} color="#84CC16" />
    </div>

    <span className="icon-card-label">Version Control</span>
  </Link>

  <Link className="icon-card" href="/apps/security">
    <div className="icon-card-icon icon-color-purple">
      <Icon icon="shield" size={28} color="#A855F7" />
    </div>

    <span className="icon-card-label">Security</span>
  </Link>
</div>

These are just our top features. We have plenty more. Explore all of our features in the rest of the docs.

### Can you support my app as it scales?

Absolutely. Hercules apps can scale to millions of users, page views, and revenue.

### How do I get started?

<Card title="Quickstart" icon="rocket" horizontal href="/apps/quickstart" arrow>
  Build and deploy your first app in 1 minute
</Card>