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

# CVAT Documentation

<div className="relative overflow-hidden bg-gradient-to-br from-[#0a0a0a] via-[#1a1a1a] to-[#0a0a0a] dark:from-[#0a0a0a] dark:via-[#1a1a1a] dark:to-[#0a0a0a]">
  <div className="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxNCAwIDYgMi42ODYgNiA2cy0yLjY4NiA2LTYgNi02LTIuNjg2LTYtNiAyLjY4Ni02IDYtNnoiIHN0cm9rZT0iI2VjODE0ZSIgc3Ryb2tlLW9wYWNpdHk9Ii4xIi8+PC9nPjwvc3ZnPg==')] opacity-20" />

  <div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-20">
    <div className="grid lg:grid-cols-12 gap-8 lg:gap-12 items-center">
      <div className="lg:col-span-7 space-y-6">
        <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold text-white leading-tight">
          Industry-Leading Computer Vision Annotation Platform
        </h1>

        <p className="text-lg sm:text-xl text-gray-300 max-w-2xl">
          Annotate better with CVAT, the data engine trusted by machine learning teams at any scale, for data of any scale. Build datasets faster with AI-powered tools, collaborate seamlessly, and deploy anywhere.
        </p>

        <div className="flex flex-wrap gap-3">
          <a href="/quickstart" className="inline-flex items-center px-6 py-3 rounded-lg bg-white text-black font-semibold hover:bg-gray-100 transition-colors">
            Get Started

            <svg className="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 7l5 5m0 0l-5 5m5-5H6" />
            </svg>
          </a>

          <a href="/api/overview" className="inline-flex items-center px-6 py-3 rounded-lg border border-white/30 bg-white/10 text-white font-semibold hover:bg-white/20 transition-colors backdrop-blur-sm">
            Explore API
          </a>

          <a href="https://app.cvat.ai" className="inline-flex items-center px-6 py-3 rounded-lg bg-gradient-to-r from-[#583a00] to-[#ffa500] text-white font-semibold hover:opacity-90 transition-opacity">
            Try CVAT Cloud
          </a>
        </div>
      </div>

      <div className="lg:col-span-5 hidden lg:block">
        <div className="relative">
          <div className="absolute inset-0 bg-gradient-to-tr from-[#ec814e]/20 to-transparent rounded-2xl blur-3xl" />

          <div className="relative bg-[#1a1d27]/90 backdrop-blur-sm p-6 rounded-2xl border border-[#27272a] shadow-2xl">
            <div className="space-y-4">
              <div className="flex items-center space-x-2">
                <div className="w-3 h-3 rounded-full bg-red-500" />

                <div className="w-3 h-3 rounded-full bg-yellow-500" />

                <div className="w-3 h-3 rounded-full bg-green-500" />
              </div>

              <div className="space-y-2 font-mono text-sm">
                <div className="text-gray-400">$ pip install cvat-sdk</div>                 <div className="text-gray-500">Installing cvat-sdk...</div>                 <div className="text-green-400">✓ Successfully installed</div>                 <div className="text-gray-400 mt-4">$ python</div>
                <div className="text-blue-300">>>> from cvat\_sdk import Client</div>
                <div className="text-blue-300">>>> client = Client(url)</div>
                <div className="text-green-400">>>> # Ready to annotate!</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center mb-12">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">Get Started in Minutes</h2>
    <p className="text-lg text-gray-600 dark:text-gray-400">Follow these steps to start annotating your first dataset</p>
  </div>

  <Steps>
    <Step title="Sign up for CVAT">
      Create a free account on [CVAT Cloud](https://app.cvat.ai) or [install CVAT](/self-hosted/installation/docker-compose) on your own infrastructure. Cloud accounts include 10 free tasks and 500MB of storage to get you started.
    </Step>

    <Step title="Create your first project">
      Set up a project with custom labels and attributes for your annotation task. Projects help you organize related tasks and maintain consistent labeling schemes.

      ```bash theme={null}
      # Using the CLI
      cvat-cli --auth user:password project create \
        --labels '[{"name": "car"}, {"name": "person"}]' \
        "My First Project"
      ```
    </Step>

    <Step title="Upload and annotate data">
      Upload images or videos to create tasks within your project. Use the intuitive annotation editor to draw bounding boxes, polygons, polylines, points, or 3D cuboids.

      <Note>
        CVAT supports 30+ annotation formats including COCO, YOLO, Pascal VOC, Cityscapes, and more.
      </Note>
    </Step>

    <Step title="Leverage AI-powered auto-annotation">
      Speed up annotation by up to 10x using built-in models like Segment Anything (SAM), YOLO, or Mask R-CNN. Or integrate your own models via serverless functions.

      ```python theme={null}
      from cvat_sdk import Client

      client = Client(url="https://app.cvat.ai")
      client.login(("username", "password"))

      task = client.tasks.retrieve(task_id)
      # Auto-annotate using built-in models
      ```
    </Step>
  </Steps>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center mb-12">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">Explore by Topic</h2>
    <p className="text-lg text-gray-600 dark:text-gray-400">Everything you need to build world-class datasets</p>
  </div>

  <CardGroup cols={3}>
    <Card title="Annotation Tools" icon="pen-to-square" href="/annotation/editor-overview">
      Master the annotation editor with support for images, videos, and 3D point clouds
    </Card>

    <Card title="Auto-Annotation" icon="wand-magic-sparkles" href="/annotation/auto-annotation" iconType="duotone">
      Leverage AI models to speed up annotation with Segment Anything, YOLO, and more
    </Card>

    <Card title="Dataset Formats" icon="database" href="/datasets/supported-formats">
      Import and export in 30+ formats including COCO, YOLO, Pascal VOC, and Cityscapes
    </Card>

    <Card title="REST API" icon="code" href="/api/overview">
      Integrate CVAT into your ML pipeline with our comprehensive REST API
    </Card>

    <Card title="Python SDK" icon="python" href="/sdk/quickstart" iconType="brands">
      Automate workflows with the powerful Python SDK for programmatic access
    </Card>

    <Card title="Self-Hosted Setup" icon="server" href="/self-hosted/installation/overview">
      Deploy CVAT on your infrastructure with Docker, Kubernetes, or AWS
    </Card>
  </CardGroup>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center mb-12">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">Key Features</h2>
    <p className="text-lg text-gray-600 dark:text-gray-400">Why teams choose CVAT for their annotation needs</p>
  </div>

  <div className="grid md:grid-cols-2 gap-6">
    <a href="/annotation/manual-annotation" className="group block rounded-2xl border border-gray-200 dark:border-[#27272a] hover:border-[#ec814e] dark:hover:border-[#ec814e] overflow-hidden no-underline transition-colors bg-white dark:bg-[#1a1d27]">
      <div className="p-6">
        <div className="flex items-start space-x-4">
          <div className="flex-shrink-0 w-12 h-12 rounded-lg bg-[#ec814e]/10 flex items-center justify-center">
            <svg className="w-6 h-6 text-[#ec814e]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
            </svg>
          </div>

          <div className="flex-1">
            <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Comprehensive Annotation Types</h3>

            <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
              Support for bounding boxes, polygons, polylines, points, ellipses, cuboids, skeletons, and tags for any annotation scenario.
            </p>

            <span className="text-sm font-medium text-[#ec814e] group-hover:text-[#ec814e] inline-flex items-center">
              Learn more

              <svg className="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
              </svg>
            </span>
          </div>
        </div>
      </div>
    </a>

    <a href="/projects/quality-control" className="group block rounded-2xl border border-gray-200 dark:border-[#27272a] hover:border-[#ec814e] dark:hover:border-[#ec814e] overflow-hidden no-underline transition-colors bg-white dark:bg-[#1a1d27]">
      <div className="p-6">
        <div className="flex items-start space-x-4">
          <div className="flex-shrink-0 w-12 h-12 rounded-lg bg-[#ec814e]/10 flex items-center justify-center">
            <svg className="w-6 h-6 text-[#ec814e]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
            </svg>
          </div>

          <div className="flex-1">
            <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Quality Control & Consensus</h3>

            <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
              Built-in quality control workflows with annotation consensus, review stages, and detailed quality metrics.
            </p>

            <span className="text-sm font-medium text-[#ec814e] group-hover:text-[#ec814e] inline-flex items-center">
              Learn more

              <svg className="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
              </svg>
            </span>
          </div>
        </div>
      </div>
    </a>

    <a href="/account/organizations" className="group block rounded-2xl border border-gray-200 dark:border-[#27272a] hover:border-[#ec814e] dark:hover:border-[#ec814e] overflow-hidden no-underline transition-colors bg-white dark:bg-[#1a1d27]">
      <div className="p-6">
        <div className="flex items-start space-x-4">
          <div className="flex-shrink-0 w-12 h-12 rounded-lg bg-[#ec814e]/10 flex items-center justify-center">
            <svg className="w-6 h-6 text-[#ec814e]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
            </svg>
          </div>

          <div className="flex-1">
            <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Team Collaboration</h3>

            <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
              Organize teams with role-based access control, share projects across organizations, and manage user permissions.
            </p>

            <span className="text-sm font-medium text-[#ec814e] group-hover:text-[#ec814e] inline-flex items-center">
              Learn more

              <svg className="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
              </svg>
            </span>
          </div>
        </div>
      </div>
    </a>

    <a href="/integrations/overview" className="group block rounded-2xl border border-gray-200 dark:border-[#27272a] hover:border-[#ec814e] dark:hover:border-[#ec814e] overflow-hidden no-underline transition-colors bg-white dark:bg-[#1a1d27]">
      <div className="p-6">
        <div className="flex items-start space-x-4">
          <div className="flex-shrink-0 w-12 h-12 rounded-lg bg-[#ec814e]/10 flex items-center justify-center">
            <svg className="w-6 h-6 text-[#ec814e]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" />
            </svg>
          </div>

          <div className="flex-1">
            <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Powerful Integrations</h3>

            <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
              Connect with Roboflow, HuggingFace, FiftyOne, and more. Build custom integrations with webhooks and REST API.
            </p>

            <span className="text-sm font-medium text-[#ec814e] group-hover:text-[#ec814e] inline-flex items-center">
              Learn more

              <svg className="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
              </svg>
            </span>
          </div>
        </div>
      </div>
    </a>
  </div>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center mb-12">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">Developer Resources</h2>
    <p className="text-lg text-gray-600 dark:text-gray-400">Integrate CVAT into your workflow</p>
  </div>

  <CardGroup cols={2}>
    <Card title="API Documentation" icon="book-open" href="/api/overview">
      Complete REST API reference with examples for all endpoints
    </Card>

    <Card title="CLI Commands" icon="terminal" href="/cli/installation">
      Command-line tool for task automation and batch operations
    </Card>

    <Card title="Architecture Guide" icon="diagram-project" href="/contributing/architecture">
      Understand CVAT's architecture and component design
    </Card>

    <Card title="Contributing Guide" icon="code-pull-request" href="/contributing/getting-started">
      Learn how to contribute to the CVAT open source project
    </Card>
  </CardGroup>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="relative overflow-hidden rounded-2xl bg-gradient-to-r from-[#583a00] to-[#ffa500] p-8 lg:p-12">
    <div className="relative z-10">
      <h2 className="text-3xl font-bold text-white mb-4">Ready to Start Annotating?</h2>

      <p className="text-lg text-white/90 mb-6 max-w-2xl">
        Join thousands of ML teams who use CVAT to build better datasets. Get started for free on CVAT Cloud or deploy on your own infrastructure.
      </p>

      <div className="flex flex-wrap gap-3">
        <a href="/quickstart" className="inline-flex items-center px-6 py-3 rounded-lg bg-white text-black font-semibold hover:bg-gray-100 transition-colors">
          Get Started

          <svg className="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 7l5 5m0 0l-5 5m5-5H6" />
          </svg>
        </a>

        <a href="/self-hosted/installation/overview" className="inline-flex items-center px-6 py-3 rounded-lg border-2 border-white text-white font-semibold hover:bg-white hover:text-black transition-all">
          Self-Host CVAT
        </a>
      </div>
    </div>

    <div className="absolute top-0 right-0 w-64 h-64 bg-white/10 rounded-full blur-3xl" />

    <div className="absolute bottom-0 left-0 w-64 h-64 bg-black/10 rounded-full blur-3xl" />
  </div>
</div>