docs/index.html

334 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
stylesheet: index
---
{% include values.inc %}
<div id="jumbotron">
<div>
<div class="grid">
<div class="col-5_md-12 main">
<div>
<h1>Manage any infrastructure your applications need directly from Kubernetes</h1>
<p>
Crossplane is an open source Kubernetes add-on that supercharges your Kubernetes clusters enabling you to provision and manage
infrastructure, services, and applications from kubectl.
</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="communityDay">
<div>
<div class="grid">
<div class="col-12">
<img src="{{ "/images/community-day-logo.png" | relative_url }}" srcset="{{ "/images/community-day-logo.png" | relative_url }} 1x, {{ "/images/community-day-logo@2x.png" | relative_url }} 2x, {{ "/images/community-day-logo@3x.png" | relative_url }} 3x"
alt="Community Day Logo" />
<p>Join Us for the First Crossplane Community Day</p>
<p>Learn how platform builders everywhere are extending Kubernetes with Crossplane to provision and manage applications and infrastructure from any provider. Well share some exciting community
news, action-packed demos and thoughts on the state of the industry.
</p>
<button onclick="window.location.href='https://www.eventbrite.com/e/crossplane-community-day-tickets-104465284478'">Register Today</button>
<div class="bottom-border"></div>
</div>
</div>
</div>
</div>
<div id="useCases1" class="use-cases">
<div>
<div class="grid">
<div class="col-6_md-12">
<h2>Provision and manage cloud infrastructure and services using kubectl</h2>
<p>
Crossplane extends your Kubernetes cluster, providing you with CRDs for any infrastructure or managed service. Define infrastructure configuration that can be versioned, managed,
and deployed using your favorite tools and existing processes you've already integrated with your clusters.
<img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
</p>
</div>
<div class="col-6_md-12_md-first img abs-img-wrap">
<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="Provision and manage cloud infrastructure" />
</div>
</div>
</div>
</div>
<div id="providers">
<div>
<div class="grid">
<div class="col-12">
<h2>Our community supports many flavors of infrastructure</h2>
<p>
Crossplane supports common infrastructure and enables anyone to easily add their own.
</p>
<div class="providers-row">
<div class="provider-wrapper">
<img src="{{ "/images/google-cloud.svg" | relative_url }}" alt="google cloud" />
</div>
<div class="provider-wrapper">
<img src="{{ "/images/aws.svg" | relative_url }}" alt="aws" />
</div>
<div class="provider-wrapper">
<img src="{{ "/images/microsoft-azure.svg" | relative_url }}" alt="microsoft azure" />
</div>
<div class="provider-wrapper">
<img src="{{ "/images/redhat.svg" | relative_url }}" alt="redhat" />
<img class="img" src="{{ "/images/coming-soon.png" | relative_url }}" srcset="{{ "/images/coming-soon.png" | relative_url }} 1x, {{ "/images/coming-soon@2x.png" | relative_url }} 2x, {{ "/images/coming-soon@3x.png" | relative_url }} 3x" alt="Coming Soon" />
</div>
<div class="provider-wrapper">
<img src="{{ "/images/alibaba-cloud.svg" | relative_url }}" alt="alibaba cloud" />
</div>
</div>
</div>
</div>
</div>
</div>
<div id="useCases2" class="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="Compose infrastructure for your applications" />
</div>
<div class="col-6_md-12">
<h2>Publish simplified infrastructure abstractions for your applications</h2>
<p>
Build your own internal infrastructure abstractions on top of the CRDs Crossplane provides. Your custom APIs can include policy guardrails, hiding
infrastructure complexity and making it safe for applications to consume.
<img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
</p>
</div>
</div>
<div class="grid">
<div class="col-6_md-12">
<h2>Deploy applications using a team centric approach with OAM</h2>
<p>
Crossplane implements the Open Application Model to help unify application and infrastructure management around team-centric processes. With Crossplane and OAM,
application and infrastructure config can co-exist and be deployed using the same tooling.
</p>
<p>
<a href="https://oam.dev">Learn More About OAM</a>
</p>
<p><img src="{{ "/images/quad-red-medium.svg" | relative_url }}" /></p>
</div>
<div class="col-6_md-12_md-first 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="Manage complete applications with the Open Application Model" />
</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="Run Crossplane anywhere" />
</div>
<div class="col-6_md-12">
<h2>Run Crossplane anywhere</h2>
<p>
Whether you're using a single Kubernetes cluster in EKS, AKS, GKE, ACK, PKS or a multi-cluster manager like Rancher or Anthos, Crossplane integrates nicely with all of them. Crossplane installs into any existing cluster exposing CRDs and a standard API across
infrastructure and service providers making provisioning and management a breeze.
<img src="{{ "/images/quad-red-medium.svg" | relative_url }}" />
</p>
</div>
</div>
</div>
</div>
<div id="nativeCommunity">
<div>
<div class="grid">
<div class="col-12">
<h2>Started by Upbound and adopted by the cloud native community</h2>
<div class="community-row">
<div class="logo-wrapper">
<img src="{{ "/images/alibaba.svg" | relative_url }}" alt="Alibaba Group" />
</div>
<div class="logo-wrapper">
<img src="{{ "/images/redhat-horizontal.svg" | relative_url }}" alt="Redhat" />
</div>
<div class="logo-wrapper">
<img src="{{ "/images/gitlab.svg" | relative_url }}" alt="GitLab" />
</div>
<div class="logo-wrapper">
<img src="{{ "/images/microsoft.svg" | relative_url }}" alt="Microsoft" />
</div>
</div>
</div>
</div>
</div>
</div>
<div id="blueprint">
<div class="blueprint-header">
<h2>Why use Crossplane to manage both applications and infrastructure?</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/unify.svg" | relative_url }}" />
</div>
<div class="blueprint-item col-11_xs-10">
<h3>Unify application and infrastructure configuration and deployment</h3>
<p>Crossplane enables application and infrastructure configuration to co-exist on the same Kubernetes cluster, reducing the
complexity of your toolchains and deployment pipelines.</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="openSource">
<div>
<div class="grid">
<div class="col-12">
<img src="{{ "/images/crossplane-truck.svg" | relative_url }}" alt="Crossplane truck" />
<h2>Crossplane is open source and community driven</h2>
<p>Crossplane is an open source add-on for Kubernetes supported by the cloud-native community. Crossplane has been endorsed by some of the world's best companies and is released under the Apache 2.0 license.
We remain committed to our community and will always be vendor neutral.</p>
<button onclick="window.location.href='{{ githubLink }}'">
Get Started with Crossplane Today
</button>
</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 Binding Status, a podcast from the Crossplane community,
to learn more about the project and its users.</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>