docs/index.html

---
stylesheet: index
---

{% include values.inc %}

<div id="jumbotron">
  <div>
    <div class="grid">
      <div class="col-5_md-12 main">
        <div>
          <h1>Manage your applications and infrastructure the Kubernetes way</h1>
          <p>
            Standardize infrastructure and application management using the same API-centric, 
            declarative configuration and automation approach pioneered by the Kubernetes community.
          </p>
          <button onclick="window.location.href='{{ githubLink }}'">
            Get Started on GitHub
          </button>
        </div>
      </div>
      <div class="col-7_md-12_md-first hero">
        <div>
          <img class="img" src="{{ "/images/hero.png" | relative_url }}" srcset="{{ "/images/hero.png" | relative_url }} 1x, {{ "/images/hero@2x.png" | relative_url }} 2x, {{ "/images/hero@3x.png" | relative_url }} 3x" alt="Crossplane hero image" />
        </div>
      </div>
    </div>
  </div>
</div>

<div id="use-cases">
  <div>
    <div class="grid">
      <div class="col-6_md-12">
        <h2>Standardize on a unified control plane</h2>
        <p>
          Crossplane implements the same declarative configuration patterns pioneered by the Kubernetes community to 
          applications and infrastructure. The result is a unified control plane that integrates seamlessly with existing 
          tools and systems, and makes it easy to set policies, quotas, and track reports.
          <img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
        </p>
      </div>
      <div class="col-6_md-12_md-first img">
        <img src="{{ "/images/feature-4.png" | relative_url }}" srcset="{{ "/images/feature-4.png" | relative_url }} 1x, {{ "/images/feature-4@2x.png" | relative_url }} 2x, {{ "/images/feature-4@3x.png" | relative_url }} 3x"
          alt="Standardize on a unified control plane" />
      </div>
    </div>
    <div class="grid">
      <div class="col-6_md-12 img">
        <img src="{{ "/images/feature-2.png" | relative_url }}" srcset="{{ "/images/feature-2.png" | relative_url }} 1x, {{ "/images/feature-2@2x.png" | relative_url }} 2x, {{ "/images/feature-2@3x.png" | relative_url }} 3x"
          alt="Infrastructure and application management the Kubernetes way" />
      </div>
      <div class="col-6_md-12">
        <h2>Infrastructure and application management the Kubernetes way</h2>
        <p>
          With Crossplane, every managed service and piece of infrastructure your application uses is just a controller managed by Kubernetes and provisioned directly from 'kubectl.' Leverage GitOps workflows to
           manage infrastructure turning Kubernetes into the source of truth for environment state.
          <img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
        </p>
      </div>
    </div>
    <div class="grid">
      <div class="col-6_md-12">
        <h2>Support for your favorite infrastructure and the ability to define your own</h2>
        <p>
          Manage applications and infrastructure whether you use containers, VMs, or serverless in the cloud or on-premises. 
          Each of these are managed as a Kubernetes resource which enables teams to clone and customize them to build their own abstractions.
           Leverage a growing ecosystem of infrastructure and platform providers on Crossplane.
          <img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
        </p>
      </div>
      <div class="col-6_md-12_md-first img">
        <img src="{{ "/images/feature-1.png" | relative_url }}" srcset="{{ "/images/feature-1.png" | relative_url }} 1x, {{ "/images/feature-1@2x.png" | relative_url }} 2x, {{ "/images/feature-1@3x.png" | relative_url }} 3x" alt="Support for your favorite infrastructure and the ability to define your own " />
      </div>
    </div>
    <div class="grid">
      <div class="col-6_md-12 img">
        <img src="{{ "/images/feature-3.png" | relative_url }}" srcset="{{ "/images/feature-3.png" | relative_url }} 1x, {{ "/images/feature-3@2x.png" | relative_url }} 2x, {{ "/images/feature-3@3x.png" | relative_url }} 3x"
          alt="We fully embrace open source and open governance" />
      </div>
      <div class="col-6_md-12">
        <h2>We fully embrace open source and open governance</h2>
        <p>
          Crossplane is a community driven open source project that builds upon the vibrant Kubernetes community. The project is 
          released under the Apache 2.0 license and remains committed to being vendor neutral. Read more about our commitment here.
          <img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
        </p>
      </div>
    </div>
  </div>
</div>

<div id="providers">
  <div>
    <h2>The many flavors of infrastructure we support for your applications</h2>
    <p>
      Crossplane supports your choice of infrastructure and enables anyone to add their own.
    </p>
    <p>
      <img src="{{ "/images/google-cloud.svg" | relative_url }}" alt="google cloud" /> <img
        src="{{ "/images/aws.svg" | relative_url }}" alt="aws" />
      <img src="{{ "/images/microsoft-azure.svg" | relative_url }}" alt="microsoft azure" />
    </p>
    <p>
      <a href="{{ githubLink }}">Help support these features and add new ones</a>
    </p>
  </div>
</div>

<div id="blueprint">
  <div class="blueprint-header">
    <h2>The Kubernetes Way</h2>
    <img src="{{ "/images/teal.svg" | relative_url }}" />
  </div>
  <div class="grid">
    <div class="blueprint-items col-6_md-12 grid">
      <div class="blueprint-bullet col-1_xs-2">
        <img src="{{ "/images/declarative.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11_xs-10">
        <h3>Declarative infrastructure configuration</h3>
        <p>Crossplane brings Kubernetes-styled declarative and API-driven configuration and management to any piece 
          of infrastructure, on-premises and in the cloud. Through this approach, infrastructure managed through Crossplane 
          is accessible via kubectl, configurable with YAML, and self-healing right out of the box.</p>
      </div>
      <div class="blueprint-bullet col-1_xs-2">
        <img src="{{ "/images/source.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11_xs-10">
        <h3>One source of truth for infrastructure configuration and setup</h3>
        <p>Crossplane integrates with CI/CD pipelines so application infrastructure configuration is 
          stored in a single control cluster. Teams can create, track, and approve changes using GitOps best practices already in use.</p>
      </div>
      <div class="blueprint-bullet col-1_xs-2">
        <img src="{{ "/images/cycle.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11_xs-10">
        <h3>Automate operational tasks with reconciling controllers</h3>
        <p>A resource controller is responsible for the entire lifecycle of a resource. This resource is responsible for 
          provisioning, health, scaling, failover, and actively responding to external changes that deviate from the desired
           configuration.</p>
      </div>
      <div class="blueprint-bullet col-1_xs-2">
        <img src="{{ "/images/extensibility.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11_xs-10">
        <h3>Built with high levels of extensibility</h3>
        <p>Crossplane leverages broadly accepted Kubernetes patterns, making it easily extensible by adding
           your own APIs and controllers. Increase flexibility and security by baking policies, quotas, and permissions into a custom infrastructure definition.</p>
      </div>
      <div class="blueprint-bullet col-1_xs-2">
        <img src="{{ "/images/separation.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11_xs-10">
        <h3>A strong separation of concerns.</h3>
        <p>Developers can define workloads without worrying about implementation details, environment constraints, or policies. Administrators can define 
          environment specifics and policies. Enable a higher degree of reusability and reduce complexity.</p>
      </div>
    </div>
    <div class="blueprint-img col-6_md-hidden">
      <img src="{{ "/images/blueprint.png" | relative_url }}" alt="open cloud blueprint" />
    </div>
  </div>
</div>

<div id="testimonials">
  <div>
    <div class="grid-center">
      <div class="testimonial col-6_md-12">
        <h3>
          &ldquo;Crossplane has an opportunity to change the cloud industry as
          we know it.&rdquo;
        </h3>
        <p>
          &ldquo;Our customers are increasingly looking for a way to deploy
          their code across multiple cloud environments. The choices available
          today are too complex and vendor-driven, but with Crossplane, the
          ability to orchestrate clouds becomes simple. We look forward to
          collaborating with them on this vision and as the first complex app
          running on Crossplane.&rdquo;
        </p>
        <div class="signature">
          <div class="exec-img">
            <img src="{{ "/images/sid.jpg" | relative_url }}" srcset="{{ "/images/sid.jpg" | relative_url }} 1x, {{ "/images/sid@2x.jpg" | relative_url }} 2x, {{ "/images/sid@3x.jpg" | relative_url }} 3x" alt="Sid Sijbrandij" />
          </div>
          <div class="exec-info">
            <div class="name">Sid Sijbrandij</div>
            <div class="title">CEO and Co-Founder of GitLab</div>
          </div>
        </div>
      </div>
      <div class="testimonial col-6_md-12">
        <h3>
          &ldquo;We share the vision of having truly cloud-agnostic managed
          services.&rdquo;
        </h3>
        <p>
          &ldquo;Crossplane will make it possible for organizations to take
          deeper ownership of where they want to run their services and how they
          manage their application data. Kudos to the Upbound team for
          architecting and delivering this critical, open source and community
          driven component of the cloud-neutral future.&rdquo;
        </p>
        <div class="signature">
          <div class="exec-img">
            <img src="{{ "/images/spencer.jpg" | relative_url }}" srcset="{{ "/images/spencer.jpg" | relative_url }} 1x, {{ "/images/spencer@2x.jpg" | relative_url }} 2x, {{ "/images/spencer@3x.jpg" | relative_url }} 3x" alt="Spencer Kimball" />
          </div>
          <div class="exec-info">
            <div class="name">Spencer Kimball</div>
            <div class="title">CEO and Founder of Cockroach Labs</div>
          </div>
        </div>
      </div>
      <div class="testimonial col-6_md-12">
        <h3>
          &ldquo;Crossplane has the ability to be at the heart of tomorrow’s multicloud deployments.&rdquo;
        </h3>
        <p>
          &ldquo;It's exciting to see open cloud standards like Crossplane emerge, that will allow new multicloud technologies like
          YugabyteDB to take advantage of the broader cloud ecosystem, on-premise and in-public cloud. Future work with
          Crossplane.io and Rook.io is a natural fit with the Kubernetes ecosystem.&rdquo;
        </p>
        <div class="signature">
          <div class="exec-img">
            <img src="{{ "/images/karthik.jpg" | relative_url }}" srcset="{{ "/images/karthik.jpg" | relative_url }} 1x, {{ "/images/karthik@2x.jpg" | relative_url }} 2x, {{ "/images/karthik@3x.jpg" | relative_url }} 3x" alt="Karthik Ranganathan" />
          </div>
          <div class="exec-info">
            <div class="name">Karthik Ranganathan</div>
            <div class="title">Co-Founder and CTO of Yugabyte</div>
          </div>
        </div>
      </div>
      <div class="testimonial col-6_md-12">
        <h3>
          &ldquo;We created Crossplane to empower organizations to use the best
          of all the clouds.&rdquo;
        </h3>
        <p>
          &ldquo;Having a control plane that is able to schedule and orchestrate
          portable workloads across cloud providers, regions, and on-premises
          while still using best-of-breed managed services allows organizations
          to improve availability, geographic presence, as well as optimize for
          cost.&rdquo;
        </p>
        <div class="signature">
          <div class="exec-img">
            <img src="{{ "/images/bassam.jpg" | relative_url }}" srcset="{{ "/images/bassam.jpg" | relative_url }} 1x, {{ "/images/bassam@2x.jpg" | relative_url }} 2x, {{ "/images/bassam@3x.jpg" | relative_url }} 3x" />
          </div>
          <div class="exec-info">
              <div class="name">Bassam Tabbara</div>
              <div class="title">CEO and Founder of Upbound</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="community">
  <div>
    <div class="grid-center">
      <div class="col-10_sm-12">
        <h2>Learn more and get involved with the community</h2>
        <p>
          Join the conversation and help shape the evolution of Crossplane. Here
          are a few ways to get started.
        </p>
      </div>

      <div class="col-3_md-6_xs-12 tile">
        <div class="slack">
          <div class="topbar"></div>
          <div class="content">
            <img src="{{ "/images/slack.svg" | relative_url }}" alt="slack" />
            <h3>Slack</h3>
            <p>
              Join the Crossplane team and community members in our Slack group.
            </p>
            <button
              class="grey"
              onclick="window.location.href= '{{ slackLink }}';"
            >
              Join Slack
            </button>
          </div>
        </div>
      </div>
      <div class="col-3_md-6_xs-12 tile">
        <div class="github">
          <div class="topbar"></div>
          <div class="content">
            <img src="{{ "/images/github.svg" | relative_url }}" alt="github" />
            <h3>GitHub</h3>
            <p>Watch and star Crossplane on Gitub and follow our progress.</p>
            <button
              class="grey"
              onclick="window.location.href = '{{ githubLink }}';"
            >
              Visit GitHub
            </button>
          </div>
        </div>
      </div>
      <div class="col-3_md-6_xs-12 tile">
        <div class="youtube">
          <div class="topbar"></div>
          <div class="content">
            <img src="{{ "/images/youtube.svg" | relative_url }}" alt="youtube" />
            <h3>YouTube</h3>
            <p>Join us discussing features and upcoming news for Crossplane.</p>
            <button
              class="grey"
              onclick="window.location.href = '{{ youtubeLink }}';"
            >
              Visit YouTube
            </button>
          </div>
        </div>
      </div>
      <div class="col-3_md-6_xs-12 tile">
        <div class="podcast">
          <div class="topbar"></div>
          <div class="content">
            <img src="{{ "/images/podcast.svg" | relative_url }}" alt="podcast" />
            <h3>Podcast</h3>
            <p>Listen to the Crossplane podcast and learn about our roadmap.</p>
            <button class="grey" onclick="window.location.href = '{{ podcastLink }}';">
              Visit Podcast
            </button>
          </div>
        </div>
      </div>
    </div>

    <p class="join">
      You can also join us every other week for our
      <a href="{{ communityMeetingLink }}">community meeting</a> call to discuss
      Crossplane
    </p>
  </div>
</div>