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

# Build with Box Platform

export const HideElements = () => {
  return <style>
      {`
        #pagination, .feedback-toolbar {
          display: none !important;
        }

        #header.relative {
          display: none;
        }

        .mdx-content {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }
        
        @media (min-width: 1030px) {
          #content-container {
            padding: 0 !important;
          }
        }
      `}
    </style>;
};

<HideElements />

<div className="homepage_container max-w-[1200px] mx-auto mb-4 px-0 lg:px-8 pb-12 my-18 xl:my-0">
  <h1 className="mt-12 text-2xl text-black dark:text-white md:text-3xl lg:text-4xl font-bold mb-4 text-center">Build with Box Platform</h1>
  <p className="text-base md:text-lg mb-8 text-center">All the developer resources to help you get the most from Box products</p>

  <Columns cols={3}>
    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/start.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=e8a1f73dedfed9fd433f0a96406ca0a3" title="Get started" href={localizeLink("/guides/getting-started")} width="1127" height="632" data-path="static/homepage/start.png">
      Onboard to Box Platform in minutes.
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/guides.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=6b8a115b24740e30b179fe75cb45f9d3" title="Tutorials" href={localizeLink("/guides/tutorials")} width="1127" height="632" data-path="static/homepage/guides.png">
      Build real applications step-by-step, from the first API call to a production-ready integration.
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/ai_dev_zone.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=4a3e8499b4ccbc30b0601ee30681fbd5" title="Build with AI" href={localizeLink("/ai")} width="1137" height="634" data-path="static/homepage/ai_dev_zone.png">
      Connect AI agents to Box, use the Box AI API, and integrate with AI frameworks.
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/api.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=6a75309bbaa6beb5991e88f26fe51fd7" title="API reference" href={localizeLink("/reference")} width="1127" height="632" data-path="static/homepage/api.png">
      Check endpoint details and try API calls.
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/changelog.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=4b82e1ba7c1818276d27be0891788102" title="Changelog" href={localizeLink("/changelog/")} width="1134" height="632" data-path="static/homepage/changelog.png">
      Stay up to date with all latest releases.
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/dev_console.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=6e40ba90586586fd8ba7571281b5bb0c" title="Developer Console" href="https://cloud.app.box.com/developers/console" width="1127" height="633" data-path="static/homepage/dev_console.png">
      Create and manage Box Platform Apps.
    </Card>
  </Columns>

  <h2 className="mt-12 text-2xl text-black dark:text-white md:text-3xl lg:text-4xl font-bold mb-4 text-center homepage_h2">Get started</h2>

  <CardGroup cols={3}>
    <Card title="Explore user types" href={localizeLink("/platform/user-types/")} icon="users" />

    <Card title="Understand application types" href={localizeLink("/guides/applications/platform-apps/index/")} icon="puzzle" />

    <Card title="Learn about authentication methods" href={localizeLink("/guides/authentication/select/")} icon="fingerprint" />

    <Card title="Authorize an application" href={localizeLink("/guides/authorization/")} icon="shield-check" />

    <Card title="Upload files to Box" href={localizeLink("/guides/uploads/")} icon="cloud-arrow-up" />

    <Card title="Download files from Box" href={localizeLink("/guides/downloads/")} icon="download" />
  </CardGroup>

  <h2 className="mt-12 text-2xl text-black dark:text-white md:text-3xl lg:text-4xl font-bold mb-4 text-center homepage_h2">Explore tools</h2>

  <CardGroup cols={3}>
    <Card title="Box SDKs and tools" href={localizeLink("/sdks-and-tools")} icon="rocket">
      Speed up development with Box SDKs and developer tools.
    </Card>

    <Card title="Box MCP server" href={localizeLink("/guides/box-mcp/index")} icon="server">
      Perform actions on Box content seamlessly.
    </Card>

    <Card title="Box UI Elements" href={localizeLink("/box-ui-elements")} icon="sparkles">
      Embed Box UI Elements to custom apps.
    </Card>
  </CardGroup>
</div>