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>
            Manage your cloud-native applications and infrastructure across 
            environments, clusters, regions and clouds.
          </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 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="Provision managed services" />
      </div>
      <div class="col-6_md-12">
        <h2>Provision the managed services your applications depend on using ‘kubectl.’</h2>
        <p>
          Securely consume managed services such as PostgreSQL, Redis, Buckets and more, from 
          your choice of cloud on-premises.
          <img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
        </p>
      </div>
    </div>
    <div class="grid">
      <div class="col-6_md-12">
        <h2>Extend Crossplane by adding your own Stack.</h2>
        <p>
          Add new resources and controllers to Crossplane by extending existing Stacks
          or building your own.
          <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="Extend Crossplane by adding your own Stack" />
      </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="Schedule workloads across clusters, regions and clouds" />
      </div>
      <div class="col-6_md-12">
        <h2>Schedule workloads across clusters, regions and clouds.</h2>
        <p>
          Define complete applications with managed service dependencies for scheduling across 
          clusters and regions to balance reliability, cost, and performance.
          <img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
        </p>
      </div>
    </div>
    <div class="grid">
      <div class="col-6_md-12">
        <h2>Manage multiple clusters from a single control plane.</h2>
        <p>
          Provision and manage kubernetes clusters: bring your own clusters or generate on demand, 
          with common configuration and policy.
          <img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
        </p>
      </div>
      <div class="col-6_md-12_md-first 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="Manage multiple clusters from a single control plane" />
      </div>
    </div>
  </div>
</div>

<div id="providers">
  <div>
    <h2>The many flavors of infrastructure we support</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" /> <img
        src="{{ "/images/comingsoon-pivotal.svg" | relative_url }}" alt="pivotal coming soon" />
    </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 Blueprint for the Open Cloud</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">
        <img src="{{ "/images/separation.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11">
        <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="blueprint-bullet col-1">
        <img src="{{ "/images/portability.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11">
        <h3>Workload portability across cloud providers.</h3>
        <p>As a multicloud 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="blueprint-bullet col-1">
        <img src="{{ "/images/agenda.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11">
        <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 true community-driven effort to define a control plane that can span multiple cloud 
           providers, many regions and offerings.</p>
      </div>
      <div class="blueprint-bullet col-1">
        <img src="{{ "/images/extensibility.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11">
        <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="blueprint-bullet col-1">
        <img src="{{ "/images/cycle.svg" | relative_url }}" />
      </div>
      <div class="blueprint-item col-11">
        <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 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>