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

# Code on top of your Fibery workspace

<div className="px-6 py-16 lg:py-24 max-w-4xl mx-auto">
  <div className="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
    <div className="text-center md:text-left order-2 md:order-1">
      <h1 className="text-4xl font-medium text-gray-900 dark:text-zinc-50">
        Code on top of your Fibery workspace
      </h1>

      <p className="mt-4 text-lg text-gray-500 dark:text-zinc-400">
        Integrate Fibery with your external systems and automate routine tasks.
      </p>

      <a className="mt-8 inline-block px-6 py-3 rounded-lg text-white font-semibold no-underline" style={{ backgroundColor: '#6B4FBB' }} href="/guides/getting-started/authentication">
        Get started
      </a>
    </div>

    <div className="flex justify-center order-1 md:order-2">
      <img src="https://mintcdn.com/fibery/eXUPMpt70bYhquDi/images/Dog_light.png?fit=max&auto=format&n=eXUPMpt70bYhquDi&q=85&s=9d785d7ad889fb81b86688422dee95ff" alt="" className="w-full h-auto" style={{ maxWidth: '16rem' }} width="526" height="757" data-path="images/Dog_light.png" />
    </div>
  </div>
</div>

<div className="max-w-4xl mx-auto px-6 pb-16">
  <Columns cols={3}>
    <Card title="API" icon="code" href="/guides/http-api/overview">
      Query, create, and update data in your Fibery workspace via HTTP.
    </Card>

    <Card title="Integrations" icon="puzzle-piece" href="/guides/integrations/overview">
      Build custom integration apps that sync data into Fibery.
    </Card>

    <Card title="Webhooks" icon="webhook" href="/guides/http-api/webhooks">
      Subscribe to Entity changes and react to them in your code.
    </Card>
  </Columns>

  <div className="mt-16 pt-12 border-t border-gray-200 dark:border-zinc-800">
    <div className="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
      <div className="flex justify-center md:justify-center">
        <img src="https://mintcdn.com/fibery/MDvALA-tajiCQkIL/images/MCP.png?fit=max&auto=format&n=MDvALA-tajiCQkIL&q=85&s=e5bde9ac672c1bed10b6f8657018731b" alt="" className="w-full h-auto" style={{ maxWidth: '14rem' }} width="432" height="504" data-path="images/MCP.png" />
      </div>

      <div>
        <h2 className="text-2xl font-semibold text-gray-900 dark:text-zinc-50">
          Fibery MCP Server
        </h2>

        <p className="mt-3 text-gray-500 dark:text-zinc-400">
          Connect AI assistants like Claude, ChatGPT, and Cursor to your Fibery workspace via the Model Context Protocol.
        </p>

        <a className="mt-4 inline-block font-medium no-underline" style={{ color: '#6B4FBB' }} href="/guides/mcp/overview">
          Get started with Fibery MCP →
        </a>
      </div>
    </div>
  </div>

  <div className="mt-16 pt-8 border-t border-gray-200 dark:border-zinc-800">
    <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
      <div className="flex flex-col gap-3">
        <a href="https://fibery.com" className="no-underline" aria-label="Fibery">
          <img src="https://mintcdn.com/fibery/ceIcFMX1cKICPKX1/images/fibery-logo.png?fit=max&auto=format&n=ceIcFMX1cKICPKX1&q=85&s=1bef248db3be27764571484dbf6afc21" alt="Fibery" className="h-8 w-auto" width="508" height="144" data-path="images/fibery-logo.png" />
        </a>

        <p className="text-sm text-gray-500 dark:text-zinc-400">Operating system for orgs run by nerds</p>

        <div className="flex flex-col gap-2 text-sm mt-1">
          <a className="no-underline hover:underline" style={{ color: '#6B4FBB' }} href="https://fibery.com/terms">Terms</a>
          <a className="no-underline hover:underline" style={{ color: '#6B4FBB' }} href="https://fibery.com/privacy-policy">Privacy</a>
        </div>
      </div>

      <div className="grid grid-cols-3 gap-8 text-sm">
        <div className="flex flex-col gap-2">
          <p className="font-semibold text-gray-900 dark:text-zinc-100 mb-1">Developers</p>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="/guides/http-api/overview">Guides</a>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="/api-reference/response-envelope">API reference</a>
        </div>

        <div className="flex flex-col gap-2">
          <p className="font-semibold text-gray-900 dark:text-zinc-100 mb-1">Fibery</p>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="https://fibery.com/features">Product</a>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="https://fibery.com/blog/">Blog</a>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="https://the.fibery.io/@public/Changelog">Changelog</a>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="https://status.fibery.io/">Status</a>
        </div>

        <div className="flex flex-col gap-2">
          <p className="font-semibold text-gray-900 dark:text-zinc-100 mb-1">Community</p>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="https://community.fibery.io/">Forum</a>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="https://x.com/FiberyHQ/">X</a>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="https://www.linkedin.com/company/fibery/">LinkedIn</a>
          <a className="text-gray-500 dark:text-zinc-400 no-underline hover:text-gray-900 dark:hover:text-zinc-100" href="https://www.youtube.com/c/fibery">YouTube</a>
        </div>
      </div>
    </div>
  </div>
</div>