letta-server/fern/pages/install.mdx

---
title: Home
layout: custom
hide-feedback: true
no-image-zoom: true
slug: /install
---

<style>
  {`
    /* img {
      cursor: pointer !important;
    }
    .rm-Lightbox-trigger {
      cursor: pointer !important;
    }
    [data-rmiz-wrap="visible"],
    [data-rmiz-wrap="hidden"] {
      cursor: pointer !important;
    } */

    .letta-header {
      padding-top: 64px !important;
      padding-bottom: 64px !important;
      background-color: #f6f6f6 !important;
    }

    :is(.dark) .letta-header {
      background-color: #151515 !important;
    }

    .letta-header h1 {
      font-size: 4.0rem !important;
      line-height: 1.1 !important;
      font-weight: 300 !important;
      font-family: Roobert, sans-serif !important;  /* Use regular Roobert instead of Medium */
    }

    .letta-header h2 {
      font-size: 2.5rem !important;
      line-height: 1.1 !important;
      font-weight: 300 !important;
      font-family: Roobert, sans-serif !important;  /* Use regular Roobert instead of Medium */
    }

    .letta-header h3 {
      font-size: 1.5rem !important;
      line-height: 1.1 !important;
      font-weight: 300 !important;
      font-family: Roobert, sans-serif !important;  /* Use regular Roobert instead of Medium */
    }

    .letta-header h4 {
      font-size: 1.0rem !important;
      line-height: 1.1 !important;
      font-weight: 400 !important;
      padding-top: 0.25rem !important;
    }

    .letta-header p {
      font-size: 1.25rem !important;
      line-height: 1.3 !important;
      font-weight: 400 !important;
    }

    .fern-main .landingbody {
      max-width: 1195px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .letta-header .content-side {
      width: 50% !important;
    }

    .letta-header .code-side {
      width: 50% !important;
    }

    /* Tablet viewport breakpoint */
    @media (max-width: 1024px) {
      .letta-header {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
      }

      .letta-header > div > div> .flex-row {
        flex-direction: column-reverse !important;
      }

      .letta-header .content-side,
      .letta-header .code-side {
        width: 100% !important;
      }

      .letta-header .code-side {
        margin-bottom: 2rem !important;
      }

      .letta-header h2 {
        font-size: 2rem !important;
      }

      .letta-header p {
        font-size: 1.1rem !important;
      }

      .letta-header .container {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
      }
    }

    /* Mobile viewport breakpoint */
    @media (max-width: 640px) {
      .letta-header {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
      }

      .letta-header h2 {
        font-size: 1.75rem !important;
      }

      .letta-header h3 {
        font-size: 1.25rem !important;
      }

      .letta-header h4 {
        font-size: 0.9rem !important;
      }

      .letta-header p {
        font-size: 1rem !important;
      }

      .letta-header .container {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }

      .landingbody {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }
    }

    .fern-card {
      background-color: #0707ac !important;
      padding: 14px !important;
      justify-content: center !important;
    }
    .fern-card .text-base {
      font-size: 0.9rem !important;
      color: #FFFFFF !important;
    }
    .fern-card .card-icon {
      background-color: #FFFFFF !important;
      height: 24px !important;
      width: 24px !important;
    }

    body#fern-docs .fern-card .card-icon {
      color: #FFFFFF !important;
      background-color: unset !important;
    }

    :is(.dark) .fern-card {
      background-color: #FF5533 !important;
      padding: 14px !important;
      justify-content: center !important;
    }
    :is(.dark) .fern-card .text-base {
      font-size: 0.9rem !important;
      color: #FFFFFF !important;
    }
    :is(.dark) .fern-card .card-icon {
      background-color: #FFFFFF !important;
      height: 24px !important;
      width: 24px !important;
    }

    :is(.dark) body#fern-docs .fern-card .card-icon {
      color: #FFFFFF !important;
      background-color: unset !important;
    }

    .text-intent-warning p {
      font-size: 0.75rem !important;
    }

    .fern-callout p {
      font-size: 0.75rem !important;
    }

    #fern-sidebar {
      display: none !important;
    }

    .download-links > div {
      margin: 0 !important;
    }
  `}
</style>
<div className="w-full letta-header">
  <div className="container mx-auto px-8 py-16">
    <div className="max-w-6xl mx-auto">
      <div className="flex flex-row items-start justify-between gap-12">
        <div className="content-side">
          <h2 className="text-7xl mb-6">Letta Desktop</h2>
          <p className="text-3xl font-light mb-4">
            <b>AI agents that learn, completely local.</b>
          </p>
          <h4>The easiest way to build stateful agents on your own computer.</h4>
          <h4>Letta Desktop combines the Letta server and ADE into a single application.</h4>
          <div className="download-links my-6 grid gap-4 first:mt-0 grid-cols-1 w-fit">
            <Card
                title="Download Letta Desktop for Mac (Apple Silicon)"
                icon="fa-brands fa-apple"
                iconPosition="left"
                href="https://downloads.letta.com/mac/dmg/arm64"
            >
            </Card>
            <Card
                title="Download Letta Desktop for Windows (x64)"
                icon="fa-brands fa-windows"
                iconPosition="left"
                href="https://downloads.letta.com/windows/nsis/x64"
            >
            </Card>
          </div>
          <Warning>
          Letta Desktop is currently in **alpha**. View known issues and FAQ [here](/guides/desktop/troubleshooting).<br />
          For bug reports and feature requests, contact us on [Discord](https://discord.gg/letta).
          </Warning>
        </div>
        <div className="code-side">
          <img className="w-full light" src="/images/letta_desktop_screenshot.png" />
          <img className="w-full dark" src="/images/letta_desktop_screenshot_dark.png" />
        </div>
      </div>
    </div>
  </div>
</div>

{/* Main Content */}
<div className="landingbody max-w-4xl mx-auto px-8 py-12 mt-12 text-center">
<p className="text-1xl font-light mt-8">
Letta software is provided under our [Privacy Policy](https://letta.com/privacy-policy) and [Terms of Service](https://letta.com/terms-of-service).
</p>
</div>