docs/index.html

---
stylesheet: index
---

{% include values.inc %}

<div id="jumbotron">
  <div>
    <div class="grid">
      <div class="col-5_md-12 main">
        <div>
          <h1>The open source multicloud control plane.</h1>
          <p>
            Workload portability across disparate environments, clusters,
            regions and clouds. Choose your flavors of cloud!
          </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 md-hidden" src="{{ "/images/hero.svg" | relative_url }}" />
          <img class="img md-gt-hidden" src="{{ "/images/hero-mobile.svg" | relative_url }}" />
        </div>
      </div>
    </div>
  </div>
</div>

<div id="kinds">
  <div>
    <div class="grid-center">
      <div class="col-10_sm-12">
        <h2>The many flavors of managed services we support</h2>
        <p>
          Crossplane enables workload portability across clusters and cloud
          providers for the most common managed services.
        </p>
        <p><img src="{{ "/images/pink.svg" | relative_url }}" /></p>
      </div>
      <div class="col-3_md-12 specific-kind">
        <div class="img"><img src="{{ "/images/compute.svg" | relative_url }}" /></div>
        <h4>Compute</h4>
      </div>
      <div class="col-3_md-12 specific-kind">
        <div class="img"><img src="{{ "/images/database.svg" | relative_url }}" /></div>
        <h4>Databases</h4>
      </div>
      <div class="col-3_md-12 specific-kind">
        <div class="img"><img src="{{ "/images/storage.svg" | relative_url }}" /></div>
        <h4>Storage</h4>
      </div>
      <div class="col-9_md-12 footer">
        <p>
          Additional managed services including serverless, analytics, big data,
          machine learning and others are coming soon.
        </p>
        <p>
          <a href="{{githubLink}}"
            >Help support these features and add new ones</a
          >
        </p>
      </div>
    </div>
  </div>
</div>

<div id="providers">
  <div>
    <h2>Supported cloud flavors</h2>
    <p>
      Mix and match services from cloud providers and on-prem. Additional
      support for other cloud providers coming soon.
    </p>
    <p>
      <img src="{{ "/images/google-cloud.svg" | relative_url }}" /> <img src="{{ "/images/aws.svg" | relative_url }}" />
      <img src="{{ "/images/microsoft-azure.svg" | relative_url }}" />
    </p>
  </div>
</div>

<div id="features">
  <div>
    <div class="grid-center">
      <div class="col-10_sm-12 head">
        <h2>Key Features of Crossplane</h2>
        <p>
          Crossplane provides a universal cloud computing API. Control your
          workloads across clouds and on-prem environments from one unified
          place.
        </p>
        <p><img src="{{ "/images/teal.svg" | relative_url }}" /></p>
      </div>
      <div class="col-4_md-6_sm-12 feature">
        <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 class="col-4_md-6_sm-12 feature">
        <h3>Workload portability across cloud providers.</h3>
        <p>
          As a multi-cloud workload and resource orchestrator, Crossplane
          manages workloads (container, serverless, others) and resources they
          consume (databases, message queues, buckets, data pipelines, and
          others) across clouds and on-premise environments.
        </p>
      </div>
      <div class="col-4_md-6_sm-12 feature">
        <h3>Advanced workload scheduling.</h3>
        <p>
          Crossplane includes an extensible workload scheduler that can factor
          availability, reliability, cost, and performance while deploying
          workloads and their resources.
        </p>
      </div>
      <div class="col-4_md-6_sm-12 feature">
        <h3>Open source that doesn’t have an agenda.</h3>
        <p>
          Crossplane is open source software released under the Apache 2.0
          license. Crossplane is a community driven effort to define a control
          plane that can span multiple cloud providers, many regions and
          offerings.
        </p>
      </div>
      <div class="col-4_md-6_sm-12 feature">
        <h3>Built with high levels of extensibility.</h3>
        <p>
          Leverages tried and tested Kubernetes machinery to provide a high
          level of extensibility around APIs, resource controllers, schedulers
          and other components. This empowers the community to build on-top of
          it easily.
        </p>
      </div>
      <div class="col-4_md-6_sm-12 feature">
        <h3>Full lifecycle management of resources.</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>
  </div>
</div>

<div id="use-cases">
  <div>
    <div class="grid">
      <div class="col-6_md-12 img">
        <img class="md-hidden" src="{{ "/images/feature-1.svg" | relative_url }}" /><img
          class="md-gt-hidden"
          src="{{ "/images/feature-1-mobile.svg" | relative_url }}"
        />
      </div>
      <div class="col-6_md-12">
        <h2>Utilize multiple cloud providers at a single time.</h2>
        <p>
          Schedule work across multiple regions and cloud providers at the same
          time. Use different regions of multiple cloud providers to improve
          availability, geographic presence, and reach.
          <img src="{{ "/images/quad-white-medium.svg" | relative_url }}" />
        </p>
      </div>
    </div>
    <div class="grid">
      <div class="col-6_md-12">
        <h2>Migrate managed services across multiple clouds.</h2>
        <p>
          Take advantage of automated controllers to move data across regions,
          clusters or clouds. As a single control-plane that spans multiple
          cloud providers, controllers work across clouds and use tried and
          tested methods for completing long running migration tasks.
          <img src="{{ "/images/quad-white-medium.svg" | relative_url }}" />
        </p>
      </div>
      <div class="col-6_md-12_md-first img">
        <img class="md-hidden" src="{{ "/images/feature-2.svg" | relative_url }}" /><img
          class="md-gt-hidden"
          src="{{ "/images/feature-2-mobile.svg" | relative_url }}"
        />
      </div>
    </div>
    <div class="grid">
      <div class="col-6_md-12 img">
        <img class="md-hidden" src="{{ "/images/feature-3.svg" | relative_url }}" /><img
          class="md-gt-hidden"
          src="{{ "/images/feature-3-mobile.svg" | relative_url }}"
        />
      </div>
      <div class="col-6_md-12">
        <h2>Automate all of your tasks across multiple clouds.</h2>
        <p>
          Write custom controllers to automate such tasks as setting up
          replication across databases, or setting up a data protection solution
          across clouds. With a single control-plane that can span regions and
          cloud providers, and offers an extensibility model for writing custom
          controllers, Crossplane automates many of these tasks.
          <img src="{{ "/images/quad-white-medium.svg" | relative_url }}" />
        </p>
      </div>
    </div>
  </div>
</div>
<div id="testimonials">
  <div>
    <div class="grid-center">
      <div class="testimonial col-4_md-6_sm-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="name">Sid Sijbrandij</div>
          <div class="title">CEO and Co-Founder of GitLab</div>
          <a href="https://gitlab.com"><img src="{{ "/images/gitlab.svg" | relative_url }}"/></a>
        </div>
      </div>
      <div class="testimonial col-4_md-6_sm-12">
        <h3>
          &ldquo;We share the vision of having truly cloud agnostic, managed
          services and Crossplane is an important step forward in this
          direction&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="name">Spencer Kimball</div>
          <div class="title">CEO and Founder of Cockroach Labs</div>
          <a href="https://www.cockroachlabs.com/"
            ><img src="{{ "/images/cockroachlabs.svg" | relative_url }}"
          /></a>
        </div>
      </div>
      <div class="testimonial col-4_md-6_sm-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="name">Bassam Tabbara</div>
          <div class="title">CEO and Founder of Upbound</div>
          <a href="https://upbound.io"><img src="{{ "/images/upbound.svg" | relative_url }}"/></a>
        </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-4_md-6_xs-12 tile">
        <div class="slack">
          <div class="topbar"></div>
          <div class="content">
            <img src="{{ "/images/slack.svg" | relative_url }}" />
            <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-4_md-6_xs-12 tile">
        <div class="github">
          <div class="topbar"></div>
          <div class="content">
            <img src="{{ "/images/github.svg" | relative_url }}" />
            <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-4_md-6_xs-12 tile"> 
        <div class="forum">
          <div class="topbar"></div>
          <div class="content">
            <img src="{{ "/images/forum.svg" | relative_url }}" />
            <h3>Forum</h3>
            <p>Chat about your use case with others on the Crossplane forum.</p>
            <button
              class="grey"
              onclick="window.location.href = '{{forumLink}}';"
            >
              Visit Forum
            </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>