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

# Cal.com Documentation

> Open-source scheduling infrastructure for absolutely everyone

<div className="relative overflow-hidden dark:bg-[#0f1117] bg-white">
  <div className="relative bg-gradient-to-br from-[#0f1117] via-[#1a1d27] to-[#0f1117] dark:from-[#0f1117] dark:via-[#1a1d27] dark:to-[#0f1117] py-20 lg:py-24">
    <div className="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMyNzI3MmEiIGZpbGwtb3BhY2l0eT0iMC4xIj48cGF0aCBkPSJNMzYgMzRjMC0yLjIxLTEuNzktNC00LTRzLTQgMS43OS00IDQgMS43OSA0IDQgNCA0LTEuNzkgNC00eiIvPjwvZz48L2c+PC9zdmc+')] opacity-40" />

    <div className="relative max-w-7xl mx-auto px-6 lg:px-8">
      <div className="text-center max-w-4xl mx-auto">
        <h1 className="text-5xl sm:text-6xl lg:text-7xl font-bold text-white mb-6 tracking-tight">
          Scheduling infrastructure for <span className="bg-gradient-to-r from-[#949c9c] to-[#d5d5d8] bg-clip-text text-transparent">absolutely everyone</span>
        </h1>

        <p className="text-xl sm:text-2xl text-gray-300 dark:text-gray-300 mb-10 max-w-3xl mx-auto leading-relaxed">
          Build powerful scheduling experiences with Cal.com's open-source platform. Self-hosted or cloud. API-driven and white-label ready.
        </p>

        <div className="flex flex-wrap items-center justify-center gap-4">
          <a href="/quickstart" className="inline-flex items-center px-8 py-3.5 text-base font-semibold rounded-lg text-white bg-[#949c9c] hover:bg-[#7a8282] transition-colors shadow-lg">
            Get started

            <svg className="ml-2 w-5 h-5" 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/introduction" className="inline-flex items-center px-8 py-3.5 text-base font-semibold rounded-lg text-white border border-white/30 bg-white/10 hover:bg-white/20 transition-colors backdrop-blur-sm">
            Explore API
          </a>
        </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 sm:text-4xl 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 max-w-2xl mx-auto">
        Whether you're self-hosting or using our cloud platform, Cal.com is designed to get you scheduling fast.
      </p>
    </div>

    <Steps>
      <Step title="Create your account">
        Sign up for a free Cal.com account or deploy your own instance using Docker, Vercel, or Railway.

        ```bash theme={null}
        # Self-host with Docker
        docker run -p 3000:3000 calcom/cal.com
        ```
      </Step>

      <Step title="Set up your first event type">
        Create your first event type to define how meetings are scheduled. Configure duration, availability, and booking rules.

        <Note>
          Event types are the foundation of Cal.com. They define the scheduling rules for different types of meetings.
        </Note>
      </Step>

      <Step title="Connect your calendar">
        Connect Google Calendar, Outlook, Apple Calendar, or any CalDAV provider to sync your availability automatically.
      </Step>

      <Step title="Share your booking link">
        Share your personalized booking link with anyone. They can book time with you based on your real-time availability.

        ```
        https://cal.com/your-username/30min
        ```
      </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 sm:text-4xl font-bold text-gray-900 dark:text-white mb-4">
        Everything you need to schedule
      </h2>

      <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">
        Powerful scheduling features that scale from individual use to enterprise deployments.
      </p>
    </div>

    <CardGroup cols={2}>
      <Card title="Event types" icon="calendar-days" href="/features/event-types">
        Create flexible event types with custom durations, locations, and booking rules
      </Card>

      <Card title="Team scheduling" icon="users" href="/features/teams">
        Round-robin, collective, and managed event types for team coordination
      </Card>

      <Card title="Calendar sync" icon="calendar-check" href="/features/calendars">
        Two-way sync with Google, Outlook, Apple, and CalDAV calendars
      </Card>

      <Card title="Workflows" icon="diagram-project" href="/features/workflows">
        Automated reminders, follow-ups, and custom actions for every booking
      </Card>

      <Card title="Routing forms" icon="route" href="/features/routing-forms">
        Intelligent form-based routing to the right person or event type
      </Card>

      <Card title="Video conferencing" icon="video" href="/integrations/video-conferencing">
        Built-in video with Zoom, Google Meet, MS Teams, and more
      </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 sm:text-4xl font-bold text-gray-900 dark:text-white mb-4">
        Integrate with your stack
      </h2>

      <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">
        Connect Cal.com with over 100 apps and services through our app store.
      </p>
    </div>

    <CardGroup cols={3}>
      <Card title="Calendar apps" icon="calendar" href="/integrations/calendar-apps">
        Google, Outlook, Apple Calendar, CalDAV
      </Card>

      <Card title="Video apps" icon="video" href="/integrations/video-conferencing">
        Zoom, Google Meet, MS Teams, Daily.co
      </Card>

      <Card title="Payment apps" icon="credit-card" href="/integrations/payment-apps">
        Stripe, PayPal, and more payment processors
      </Card>

      <Card title="CRM & Sales" icon="chart-line" href="/integrations/app-store">
        Salesforce, HubSpot, Pipedrive
      </Card>

      <Card title="Analytics" icon="chart-bar" href="/integrations/app-store">
        Google Analytics, Plausible, Fathom
      </Card>

      <Card title="Messaging" icon="message" href="/integrations/app-store">
        Slack, Discord, WhatsApp, SMS
      </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 sm:text-4xl font-bold text-gray-900 dark:text-white mb-4">
        Built for developers
      </h2>

      <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">
        Powerful APIs, embeds, and extensibility options for custom scheduling experiences.
      </p>
    </div>

    <CardGroup cols={2}>
      <Card title="Platform API" icon="code" href="/api/introduction">
        RESTful API with OAuth 2.0 for building scheduling into your apps
      </Card>

      <Card title="Embed anywhere" icon="window-maximize" href="/embed/overview">
        React components and JavaScript snippets for seamless embedding
      </Card>

      <Card title="Build apps" icon="puzzle-piece" href="/developers/apps/overview">
        Extend Cal.com with custom apps using our app framework
      </Card>

      <Card title="Webhooks" icon="webhook" href="/api/webhooks">
        Real-time notifications for bookings, cancellations, and more
      </Card>
    </CardGroup>
  </div>

  <div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
    <div className="rounded-2xl border dark:border-[#27272a] border-gray-200 dark:bg-[#1a1d27] bg-gray-50 p-8 lg:p-12 text-center">
      <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">
        Deploy on your infrastructure
      </h2>

      <p className="text-lg text-gray-600 dark:text-gray-400 mb-8 max-w-2xl mx-auto">
        Cal.com is open source and can be self-hosted on your own infrastructure. Full control over your data and customization.
      </p>

      <div className="flex flex-wrap items-center justify-center gap-4">
        <a href="/self-hosting/deployment" className="inline-flex items-center px-8 py-3.5 text-base font-semibold rounded-lg text-white bg-[#949c9c] hover:bg-[#7a8282] transition-colors">
          Self-hosting guide
        </a>

        <a href="https://github.com/calcom/cal.com" className="inline-flex items-center px-8 py-3.5 text-base font-semibold rounded-lg dark:text-white text-gray-900 dark:border-[#27272a] border-gray-300 border dark:bg-transparent bg-white dark:hover:bg-[#242838] hover:bg-gray-100 transition-colors">
          <svg className="mr-2 w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
            <path fillRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clipRule="evenodd" />
          </svg>

          View on GitHub
        </a>
      </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 sm:text-4xl font-bold text-gray-900 dark:text-white mb-4">
        Community and support
      </h2>

      <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">
        Join thousands of developers and teams building with Cal.com.
      </p>
    </div>

    <CardGroup cols={3}>
      <Card title="Documentation" icon="book-open" href="/introduction">
        Comprehensive guides and references
      </Card>

      <Card title="GitHub Discussions" icon="comments" href="https://github.com/calcom/cal.com/discussions">
        Ask questions and share ideas
      </Card>

      <Card title="Contributing" icon="code-branch" href="/developers/contributing/setup">
        Contribute to the open source project
      </Card>
    </CardGroup>
  </div>
</div>