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

# Bolt Help Center

> Get help building with Bolt, an AI tool that turns your ideas into real websites and apps.

export const TemplateShowcase = ({layout = "grid", limit}) => {
  const GRID_RATIO = "16 / 10";
  const LIST_RATIO = "1 / 1";
  const wide = layout === "list";
  const templates = [{
    name: "Luxury travel website",
    category: "Website",
    blurb: "Includes a destination collection, a price form, and an itinerary builder.",
    img: "https://res.cloudinary.com/dlq2nawz5/image/upload/f_auto,q_auto,w_1400/v1785858695/bolt-website-maison-voyage_rdqhgq.png",
    alt: "The Maison Voyage homepage with a hero image of a sailboat in a cove and a row of destination cards.",
    preview: "https://template-maison-voyage.bolt.host/",
    template: "https://bolt.new/resources/templates/travel-journal"
  }, {
    name: "Personal finance tracker",
    category: "App",
    blurb: "Includes net worth tracking, categorized transactions, and monthly budget limits.",
    img: "https://res.cloudinary.com/dlq2nawz5/image/upload/f_auto,q_auto,w_1400/v1785858694/bolt-app-ledger_ql7bxk.png",
    alt: "The Ledger dashboard showing net worth, a cash flow chart, spending by category, and recent transactions.",
    preview: "https://template-ledger-finance.bolt.host/",
    template: "https://bolt.new/resources/templates/finance-tracker"
  }, {
    name: "Clean beauty website",
    category: "Ecommerce",
    blurb: "Includes ingredient stories, a product catalog with prices, and an add-to-bag checkout.",
    img: "https://res.cloudinary.com/dlq2nawz5/image/upload/f_auto,q_auto,w_1400/v1785870601/bolt-ecommerce-la-lumiere_yez1tn.png",
    alt: "The La Lumi\u00e8re homepage with a serif headline reading Light, distilled into skin beside a product photo of a serum bottle on stone.",
    preview: "https://template-lumiere-skin.bolt.host/",
    template: "https://bolt.new/resources/templates/skincare-brand"
  }, {
    name: "SaaS landing page and dashboard",
    category: "SaaS",
    blurb: "Includes a product tour, three-tier pricing, and an MRR and churn dashboard.",
    img: "https://res.cloudinary.com/dlq2nawz5/image/upload/f_auto,q_auto,w_1400/v1785870600/bolt-saas-dashboard_ycimjc.png",
    alt: "The Nexal homepage on a dark background with an indigo accent and a large headline reading Know your numbers.",
    preview: "https://template-premium-saas-dashboard-lp.bolt.host/",
    template: "https://bolt.new/resources/templates/saas-landing"
  }];
  const renderCard = t => <article key={t.name} className={wide ? "bolt-template-row" : "bolt-template-card"} style={wide ? undefined : {
    display: "flex",
    flexDirection: "column"
  }}>
      <a href={t.preview} className="bolt-template-shot" style={{
    display: "block",
    overflow: "hidden",
    borderRadius: wide ? "2px" : 0,
    lineHeight: 0
  }}>
        <img src={t.img} alt={t.alt} style={{
    display: "block",
    width: "100%",
    aspectRatio: wide ? LIST_RATIO : GRID_RATIO,
    objectFit: "cover",
    objectPosition: "top center",
    margin: 0
  }} />
      </a>

      <div style={{
    display: "flex",
    flexDirection: "column",
    padding: wide ? 0 : "18px 18px 20px",
    flex: wide ? "none" : 1
  }}>
        {}
        <p className="bolt-template-eyebrow">{t.category}</p>

        <span className="text-gray-900 dark:text-white" style={{
    fontSize: wide ? "20px" : "17px",
    fontWeight: 600,
    lineHeight: 1.3,
    marginBottom: "6px"
  }}>
          {t.name}
        </span>

        <p className="text-gray-600 dark:text-gray-400" style={{
    margin: "0 0 16px",
    fontSize: wide ? "15px" : "13.5px",
    lineHeight: 1.55
  }}>
          {t.blurb}
        </p>

        {}
        <div className="bolt-template-actions" style={{
    marginTop: wide ? 0 : "auto"
  }}>
          <a href={t.preview} className="bolt-template-btn bolt-template-btn-primary">
            Live preview
          </a>
          <a href={t.template} className="bolt-template-btn bolt-template-btn-ghost">
            See in marketplace
          </a>
        </div>
      </div>
    </article>;
  return <div className="not-prose" style={wide ? {
    display: "flex",
    flexDirection: "column",
    gap: "48px",
    margin: "32px 0"
  } : {
    display: "grid",
    gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
    gap: "28px",
    margin: "32px 0"
  }}>
      {(limit ? templates.slice(0, limit) : templates).map(renderCard)}
    </div>;
};

## Get started with Bolt

<iframe className="w-full aspect-video rounded-xl" src="https://www.tella.tv/video/vid_cmos1jdbz000k07kt0b7188rb/embed?b=0&title=0&a=0&loop=0&t=0&muted=0&wt=0&o=1" title="Get to know Bolt" allow="autoplay; fullscreen" allowFullScreen />

## What you can build

Bolt builds websites and apps, including marketing sites, portfolios, online stores, dashboards, and internal tools. You can also build presentations with [Bolt Slides](/use-cases/slides).

Each example below is a real project that you can copy for free from the **Bolt Templates** marketplace.

<TemplateShowcase layout="grid" />

[Browse the Bolt Templates marketplace](https://bolt.new/resources/templates), or [start building in Bolt](https://bolt.new/) to bring your own idea to life.

## Get the most out of Bolt

* [**Use Plan mode**](/best-practices/plan-mode): Talk through your idea with Bolt before it writes any code.
* [**Write better prompts**](/best-practices/prompting-effectively): Describe your idea clearly to get better results.
* [**Manage project context**](/best-practices/manage-context): Keep Bolt's working memory small so responses stay fast and accurate.
* [**Use tokens efficiently**](/best-practices/maximizing-token-efficiency): Avoid the common causes of token waste.

## Popular docs

<CardGroup cols={3}>
  <Card title="Database" href="/cloud/database">
    Store and manage data with Bolt Database.
  </Card>

  <Card title="Publish" href="/cloud/hosting/publish">
    Publish your project to a live website.
  </Card>

  <Card title="Connect a domain" href="/cloud/domains/connect">
    Use a third-party domain with your Bolt site.
  </Card>
</CardGroup>

<CardGroup cols={3}>
  <Card title="Bolt agent" href="/building/using-bolt/agents">
    Understand which agent to use for your project.
  </Card>

  <Card title="Version control and version history" href="/concepts/version-history-github">
    Understand your options for tracking changes to your project.
  </Card>

  <Card title="Troubleshooting" href="/troubleshooting/issues">
    Troubleshoot Bolt issues.
  </Card>
</CardGroup>

## Other resources

<CardGroup cols={3}>
  <Card title="YouTube" href="https://www.youtube.com/@Boltdotnew">
    Video tutorials for building with Bolt
  </Card>

  <Card title="Blog" href="https://bolt.new/blog">
    Product announcements and updates
  </Card>

  <Card title="Discord" href="https://discord.com/invite/stackblitz">
    Get help and share your projects with other Bolt builders
  </Card>
</CardGroup>

## Account and subscriptions

* [**Accounts**](/account-and-subscription/account-management): Create your Bolt account and manage your account settings.
* [**Billing**](/account-and-subscription/billing): View and manage your subscription and payment details.
* [**Tokens**](/account-and-subscription/tokens): Understand token usage.

## Contact support

Email support for product and technical questions is available to paid plan users. Community support is available to all in [our Discord community](https://discord.com/invite/stackblitz).

* **If you're on a free plan**: Reach out for support on Discord, where you can find knowledgeable community members who may be able to help.
* **If you're on a paid plan**: Email us at [support@bolt.new](mailto:support@bolt.new) using the email address associated with your account. Our team responds Monday through Friday during business hours.

<Tip>
  When contacting Bolt Support, use the email address associated with your Bolt account. For security reasons, we can't look up your account using a different email address.
</Tip>

For security or abuse-related inquiries, email [security@bolt.new](mailto:security@bolt.new).