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

# Build with Pleo

<section className="w-full pt-6 lg:pt-10 px-0 font-sans">
  <div className="max-w-8xl mx-auto px-6 lg:px-12">
    <div className="grid grid-cols-1 md:grid-cols-2 gap-4 lg:gap-6">
      <div className="relative overflow-hidden bg-[#FAFCFC] dark:bg-[#131414] pt-5 pb-3 pl-4 pr-12 lg:pt-6 lg:pb-4 lg:pl-5 lg:pr-16 text-left flex flex-col">
        <p className="text-xs font-semibold uppercase tracking-wide text-[#6B7070] dark:text-[#EEF4F4] mb-3">
          Developer Portal Documentation
        </p>

        <h1 className="text-5xl lg:text-[48px] font-semibold text-[#131414] dark:text-[#FAFCFC] leading-tight">
          Build with Pleo
        </h1>

        <p className="mt-32 lg:mt-36 text-lg text-[#6B7070] dark:text-[#EEF4F4] leading-relaxed max-w-none">
          Whether you're connecting your own business to Pleo or building an integration as a Pleo Partner, this is where you'll find everything you need to get started.
        </p>

        <div className="mt-auto pt-3 lg:pt-4 flex flex-wrap items-center gap-4">
          <a href="/docs/current/getting-started/what-is-pleo" className="btn-primary">
            Get started →
          </a>

          <a href="/reference/api-introduction" className="btn-secondary">
            Browse the API Reference
          </a>
        </div>
      </div>

      <div className="relative w-full h-64 md:h-auto overflow-hidden bg-[#FAFCFC] dark:bg-[#131414]">
        <video autoPlay loop muted playsInline style={{transform: 'scale(1.15)'}} className="absolute inset-0 w-full h-full object-contain hidden dark:block" aria-label="Animated Pleo nut and bolt illustration">
          <source src="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/home-page/nutbolt-bw.webm?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=f8a3e8ecdd5862fd84ef159ca5624ea8" type="video/webm" data-path="images/current/home-page/nutbolt-bw.webm" />

          <source src="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/home-page/nutbolt-bw.mp4?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=58bba329222c6f224d65c17901832b8b" type="video/mp4" data-path="images/current/home-page/nutbolt-bw.mp4" />
        </video>

        <video autoPlay loop muted playsInline style={{transform: 'scale(1.15)'}} className="absolute inset-0 w-full h-full object-contain dark:hidden" aria-label="Animated Pleo nut and bolt illustration">
          <source src="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/home-page/nutbolt-pink.webm?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=7c4e47f92ff4c9c5e63bd9347ca3adf2" type="video/webm" data-path="images/current/home-page/nutbolt-pink.webm" />

          <source src="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/home-page/nutbolt-pink.mp4?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=8403e59276f38868d3d88d5995c332f2" type="video/mp4" data-path="images/current/home-page/nutbolt-pink.mp4" />
        </video>
      </div>
    </div>
  </div>
</section>

<section className="py-5 lg:py-6 px-0 font-sans">
  <div className="max-w-8xl mx-auto px-6 lg:px-12">
    <h2 className="text-2xl font-semibold text-[#131414] dark:text-[#FAFCFC] mb-2">
      Explore the platform
    </h2>

    <p className="text-[#6B7070] dark:text-[#EEF4F4] mb-3 max-w-2xl">
      The core capabilities and concepts behind an integration with Pleo.
    </p>

    <CardGroup cols={3}>
      <Card title="Exports" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/exports.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=3ac33f3bc112f22a067e14d82ec3944f" href="/docs/current/platform/exports/lifecycle" width="256" height="256" data-path="images/current/icons/exports.svg">
        <div className="text-sm mt-2">How expense data moves from Pleo into your Accounting System: bookkeeping methods, accounts mapping, data mapping, and posting behaviour.</div>
      </Card>

      <Card title="Imports" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/imports.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=c196c587c273509eb3cdd2dd00981b76" href="/docs/current/platform/accounting-integrations/imports/tags/tags-sync-overview" width="256" height="256" data-path="images/current/icons/imports.svg">
        <div className="text-sm mt-2">How Tags, Chart of Accounts, and Tax Codes stay synchronised from your Accounting System into Pleo, ready to assign to expenses.</div>
      </Card>

      <Card title="API Reference" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/api-reference.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=2740a80ea0609139703ec7bd7149b0fb" href="/reference/api-introduction" width="256" height="256" data-path="images/current/icons/api-reference.svg">
        <div className="text-sm mt-2">Every endpoint Pleo exposes: Export, Tags, Tax Code, Accounting Entries, Employees, Webhooks, Marketplace APIs, and more.</div>
      </Card>
    </CardGroup>
  </div>
</section>

<section className="py-5 lg:py-6 px-0 font-sans">
  <div className="max-w-8xl mx-auto px-6 lg:px-12">
    <h2 className="text-2xl font-semibold text-[#131414] dark:text-[#FAFCFC] mb-2">
      Start integrating
    </h2>

    <p className="text-[#6B7070] dark:text-[#EEF4F4] mb-3 max-w-2xl">
      Connect your own Accounting System, or build for many customers as a Pleo Partner.
    </p>

    <CardGroup cols={1}>
      <Card title="AS/ERP Integration: Quickstart" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/as-erp-integration-quickstart.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=e9f2dd30098772cfb5d8b3eddabb8bce" href="/docs/current/getting-started/accounting-integrations-quickstart" width="256" height="256" data-path="images/current/icons/as-erp-integration-quickstart.svg">
        <div className="text-sm mt-2">Understand the four integration levels, from exporting expense data (Level 1) through to bi-directional Vendor sync (Level 4), and find out where to start.</div>
      </Card>
    </CardGroup>
  </div>
</section>

<section className="py-5 lg:py-6 px-0 font-sans">
  <div className="max-w-8xl mx-auto px-6 lg:px-12">
    <h2 className="text-2xl font-semibold text-[#131414] dark:text-[#FAFCFC] mb-2">
      Popular catalogues
    </h2>

    <p className="text-[#6B7070] dark:text-[#EEF4F4] mb-3 max-w-2xl">
      Browse everything available at each layer of the accounting integration documentation.
    </p>

    <CardGroup cols={3}>
      <Card title="Integration Design Catalogue" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/integration-design-catalogue.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=9474e9ab99c41f81a16ad574c2108f85" href="/docs/current/integration-design/accounting-integrations/integration-design-overview" width="256" height="256" data-path="images/current/icons/integration-design-catalogue.svg">
        <div className="text-sm mt-2">The rules and requirements behind each part of the integration: what your integration must do, and what Pleo expects.</div>
      </Card>

      <Card title="Workflow Guide Catalogue" icon="https://mintcdn.com/pleo-61d4d38b/0im2PqYmwpP-taWp/images/current/icons/workflow-guide-catalogue.svg?fit=max&auto=format&n=0im2PqYmwpP-taWp&q=85&s=ff32059a895f7a5f7087ed6ebb6b0312" href="/docs/current/guides/accounting-integrations/workflow-guides-overview" width="256" height="256" data-path="images/current/icons/workflow-guide-catalogue.svg">
        <div className="text-sm mt-2">End-to-end sequences for each integration level, showing how every step connects before you start writing code.</div>
      </Card>

      <Card title="How-to Catalogue" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/how-to-catalogue.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=a89585fe599d5bdec0619e20c9dce91f" href="/docs/current/how-tos/accounting-integrations/how-tos-overview" width="256" height="256" data-path="images/current/icons/how-to-catalogue.svg">
        <div className="text-sm mt-2">Step-by-step articles for each stage of implementation, with example requests and links to the relevant API reference.</div>
      </Card>
    </CardGroup>
  </div>
</section>

<section className="py-5 lg:py-6 px-0 font-sans">
  <div className="max-w-8xl mx-auto px-6 lg:px-12">
    <h2 className="text-2xl font-semibold text-[#131414] dark:text-[#FAFCFC] mb-2">
      Pleo MCP
    </h2>

    <p className="text-[#6B7070] dark:text-[#EEF4F4] mb-3 max-w-2xl">
      Connect an AI assistant or agent to your Pleo data and manage expenses by talking to it.
    </p>

    <CardGroup cols={1}>
      <Card title="Pleo MCP Overview" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/pleo-mcp-overview.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=f999d6d938e4ad0d24ae6f1882c437b5" href="/docs/current/pleo-mcp/get-started/pleo-mcp-overview" width="256" height="256" data-path="images/current/icons/pleo-mcp-overview.svg">
        <div className="text-sm mt-2">What the Pleo MCP is, how the agent-to-Pleo flow works, and what you can do with it today.</div>
      </Card>
    </CardGroup>
  </div>
</section>

<section className="py-5 lg:py-6 px-0 font-sans">
  <div className="max-w-8xl mx-auto px-6 lg:px-12">
    <h2 className="text-2xl font-semibold text-[#131414] dark:text-[#FAFCFC] mb-2">
      Migrating to newer APIs
    </h2>

    <p className="text-[#6B7070] dark:text-[#EEF4F4] mb-3 max-w-2xl">
      Find migration pathways for legacy Pleo APIs nearing end of life, and know what to expect.
    </p>

    <CardGroup cols={1}>
      <Card title="Deprecation & Migration Guides" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/deprecation-migration-guides.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=0e9ece23919ae00a4c3d8ef02ea37be1" href="/deprecation/migration-guides" width="256" height="256" data-path="images/current/icons/deprecation-migration-guides.svg">
        <div className="text-sm mt-2">Guides covering available migration pathways as legacy APIs are retired, with end-of-life dates communicated in advance.</div>
      </Card>
    </CardGroup>
  </div>
</section>

<section className="py-5 lg:py-6 px-0 font-sans">
  <div className="max-w-8xl mx-auto px-6 lg:px-12">
    <h2 className="text-2xl font-semibold text-[#131414] dark:text-[#FAFCFC] mb-2">
      Stay up to date
    </h2>

    <p className="text-[#6B7070] dark:text-[#EEF4F4] mb-3 max-w-2xl">
      Keep track of platform changes and uptime.
    </p>

    <CardGroup cols={2}>
      <Card title="Changelog" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/changelog.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=cb5bc6a8f921b9052547c39724b0f436" href="/changelog" width="256" height="256" data-path="images/current/icons/changelog.svg">
        <div className="text-sm mt-2">See what's new, updated, or fixed across the Pleo APIs.</div>
      </Card>

      <Card title="Pleo System Status" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/pleo-system-status.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=796df23ef7ae09e271d3b976c09ad9ca" href="https://status.pleo.io/" width="256" height="256" data-path="images/current/icons/pleo-system-status.svg">
        <div className="text-sm mt-2">Check real-time uptime and incident history for Pleo's platform.</div>
      </Card>
    </CardGroup>
  </div>
</section>

<section className="py-5 lg:py-6 px-0 font-sans">
  <div className="max-w-8xl mx-auto px-6 lg:px-12">
    <h2 className="text-2xl font-semibold text-[#131414] dark:text-[#FAFCFC] mb-2">
      Explore the Pleo ecosystem
    </h2>

    <p className="text-[#6B7070] dark:text-[#EEF4F4] mb-3 max-w-2xl">
      Beyond the developer portal, discover more ways to work with Pleo.
    </p>

    <CardGroup cols={3}>
      <Card title="Pleo Embedded" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/pleo-embedded.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=b332c835224246e1335489f40971cad0" href="https://embedded.pleo.io/" width="256" height="256" data-path="images/current/icons/pleo-embedded.svg">
        <div className="text-sm mt-2">Add Pleo's spend management directly into your own platform, white-labelled for your customers.</div>
      </Card>

      <Card title="Pre-built Integrations" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/pre-built-integrations.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=b705529a828c6b2aa5d63a469af919e2" href="https://www.pleo.io/en/integrations" width="256" height="256" data-path="images/current/icons/pre-built-integrations.svg">
        <div className="text-sm mt-2">Browse ready-made integrations available on the Pleo App Marketplace.</div>
      </Card>

      <Card title="Pleo Support" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/pleo-support.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=741691f02fd01ccdafa836cf2d793686" href="https://help.pleo.io/en/support/home" width="256" height="256" data-path="images/current/icons/pleo-support.svg">
        <div className="text-sm mt-2">Get help with your Pleo account from the support Help Center.</div>
      </Card>

      <Card title="Start the Demo" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/start-the-demo.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=90b1532e2b601bda44f16240813e71ef" href="https://www.pleo.io/en/explore-product" width="256" height="256" data-path="images/current/icons/start-the-demo.svg">
        <div className="text-sm mt-2">See Pleo in action with an interactive product walkthrough.</div>
      </Card>

      <Card title="Pleo Website" icon="https://mintcdn.com/pleo-61d4d38b/earhx-WV21nRUBYy/images/current/icons/pleo-website.svg?fit=max&auto=format&n=earhx-WV21nRUBYy&q=85&s=c689a5ef1bcd65e93eeb4edfa062f0fa" href="https://www.pleo.io/en/howitworks" width="256" height="256" data-path="images/current/icons/pleo-website.svg">
        <div className="text-sm mt-2">Learn more about Pleo's spend management platform.</div>
      </Card>
    </CardGroup>
  </div>
</section>