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

# Home

> Build pipelines, model your data, design apps, and connect external systems—one platform.

<div data-product-guide-index className="flex w-full flex-col gap-8 max-w-5xl mx-auto px-4 md:px-8 lg:px-12 py-10 lg:gap-14 lg:py-16">
  <div className="flex max-w-[540px] flex-col gap-2 self-center text-center">
    <h1 className="text-[30px] font-medium leading-9 tracking-tight text-gray-900 dark:text-gray-50">
      Product Guide
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Build pipelines, model your data, design apps, and connect external systems.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <Card title={<span className="product-guide-feature-card-title">Pipelines</span>} icon="workflow" href="/pipelines/quickstart" className="product-guide-feature-card" size={64}>
      <span className="product-guide-feature-card-description">Build DAGs of steps that fetch, transform, and act on data.</span>
    </Card>

    <a href="/docs/ontology/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="shapes" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Ontology</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Promote raw data into typed entities, properties, and relationships.
        </span>
      </div>
    </a>

    <a href="/docs/applications/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="layout-dashboard" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Applications</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          AI-generated React surfaces that read and write ontology entities.
        </span>
      </div>
    </a>

    <a href="/docs/assistant/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="sparkles" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Assistant</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Chat to query data, model your ontology, and build apps—within your permissions.
        </span>
      </div>
    </a>

    <a href="/docs/integrations/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="plug" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Integrations</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Connect Gmail, Slack, Salesforce, Snowflake, and more.
        </span>
      </div>
    </a>

    <a href="/docs/permissions/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="shield-check" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Permissions</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Roles, groups, attributes, inherited access, and row-level security.
        </span>
      </div>
    </a>

    <a href="/docs/security/single-sign-on" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="lock" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Security</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Set up SAML SSO and SCIM provisioning for your team.
        </span>
      </div>
    </a>

    <a href="/docs/api/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="code" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">API</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Authenticate with a key and upload files programmatically.
        </span>
      </div>
    </a>
  </div>

  <hr className="border-0 border-t border-border" />

  <div className="flex flex-col gap-4">
    <h2 className="font-serif text-xl font-medium leading-normal text-gray-900 dark:text-gray-50">Common tasks</h2>

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
      <a href="/docs/pipelines/quickstart" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="workflow" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Build a pipeline</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Describe what you want; the Architect proposes the DAG.
          </span>
        </div>
      </a>

      <a href="/docs/integrations/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="plug" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Connect an integration</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            OAuth providers, databases, and API-key services.
          </span>
        </div>
      </a>

      <a href="/docs/ontology/promote-data" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="shapes" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Promote a database</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Turn a raw project table into a typed ontology entity.
          </span>
        </div>
      </a>

      <a href="/docs/applications/build" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="layout-dashboard" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Build an app</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Design viewer surfaces through chat; the architect generates React.
          </span>
        </div>
      </a>

      <a href="/docs/ontology/query" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="search" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Query in natural language</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Ask questions across the entity graph in plain English.
          </span>
        </div>
      </a>

      <a href="/docs/api/upload-file" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="upload" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Upload via the API</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Push CSV, JSON, or Excel into your workspace with one call.
          </span>
        </div>
      </a>

      <a href="/docs/security/single-sign-on" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="lock" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Set up SSO</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Connect Entra ID, Okta, or Google Workspace with SAML 2.0.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>