index.html

---
layout: homepage
title: Home
---
<section class="cIntro">
   <div class="container">
      <div class="row">
         <div class="col-sm-12 col-md-5 col-lg-5">
            <span class="cLOGO">OpenChoreo</span>
            <h1>The Open-Source
               The IDP you can start using today
            </h1>
            <h2>Build. Deploy. Scale. Effortlessly.
            </h2>
            <p>A complete, open-source Internal Developer Platform—ready to use from day one, built to integrate
               with your stack.
            </p>
            <a href="https://github.com/openchoreo/openchoreo" class="cButton cButtonIcon">Get Started</a>
            <a href="https://github.com/openchoreo/openchoreo" class="cOutlineButton">Learn More </a>
         </div>
<div class="col-sm-12 col-md-7 col-lg-7">
<img style="width: 100%;" src="https://wso2.cachefly.net/wso2/sites/all/image_resources/choreo/automate-workflows2.webp"/>
</div>
         
      </div>
   </div>
   </div>
</section>
<section class=" cLightBackground">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <h2>What is OpenChoreo?</h2>
         </div>
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <span class="cH2Line"></span>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
            &nbsp;
         </div>
         <div
            class="col-lg-8 col-md-8 col-sm-8 col-xs-8 d-flex justify-content-center list-unstyled cTextAlignCenter">
            <p style="margin-bottom: 100px;">OpenChoreo is an internal developer platform that helps platform
               engineering teams streamline developer workflows, simplify complexity, and deliver secure, scalable
               Internal Developer Portals — without building everything from scratch.
            </p>
         </div>
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
            &nbsp;
         </div>
      </div>
      <div class="row">
         <div class="col-sm-12 col-md-12 col-lg-12 cVideoContainer">
            <div class="cVideoContainerInner">
               <video class="cVideo" style=" width: 100%;" class="aos-init aos-animate" data-aos="zoom-in"
                  autoplay="" loop="" muted="">
                  <source src="./img/V2.webm" type="video/webm">
               </video>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="cDarkBackground">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <h2>Built on the Cloud Native Stack</h2>
         </div>
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <span class="cH2Line"></span>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
            &nbsp;
         </div>
         <div
            class="col-lg-8 col-md-8 col-sm-8 col-xs-8 d-flex justify-content-center list-unstyled cTextAlignCenter">
            <p style="margin-bottom: 100px;">OpenChoreo orchestrates CNCF and open-source tools like Kubernetes, Argo CD, Cilium, Backstage, and more to provide a production-grade IDP.</p>
         </div>
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
            &nbsp;
         </div>
      </div>
   </div>
   <div class="container">
      <div class="d-flex flex-wrap gap-3 d-flex justify-content-center list-unstyled ">
         <div class="text-center cLogos">
            <img src="/img/logos/logos-01.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-02.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-03.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-04.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-05.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-06.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-07.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-08.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-09.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-10.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-11.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-12.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/logos-13.webp" />
         </div>
         <div class="text-center cLogos">
            <img src="/img/logos/wso2-14.webp" />
         </div>
      </div>
   </div>
</section>
<section class=" cLightBackground">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <h2>What You Get with OpenChoreo</h2>
         </div>
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <span class="cH2Line"></span>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
            &nbsp;
         </div>
         <div
            class="col-lg-8 col-md-8 col-sm-8 col-xs-8 d-flex justify-content-center list-unstyled cTextAlignCenter">
            <p style="margin-bottom: 100px;">OpenChoreo isn’t just a toolkit—it’s a full foundation for building
               your Internal Developer Platform. It brings clarity, security, and self-service to every stage of
               your developer experience.
            </p>
         </div>
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
            &nbsp;
         </div>
      </div>
   </div>
   <div class="container py-5">
      <div class="row align-items-center mb-5 flex-column flex-md-row">
         <div class="col-md-6 order-1 order-md-2">
            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 2">
         </div>
         <div class="col-md-6 order-2 order-md-1">
            <div class="cTextContainer cLeftSide">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cTextCol">
 <h3>Golden Paths by Design</h3>
               <p>Define opinionated workflows that guide developers from idea to production—without needing to
                  write pipelines from scratc.
               </p>
                    </div>
                </div>
              
               <div class="row cBandIsection">
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cBcol">
                     <h4>Benefit:</h4>
                     <p>Accelerates onboarding and delivery by reducing decision fatigue with clear, pre-approved workflows.</p>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cIcol">
                     <h4>Impact:</h4>
                     <p>Faster time-to-production, higher velocity, and more consistent, reliable releases.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row align-items-center mb-5 flex-column flex-md-row">
         <div class="col-md-6 order-1 order-md-1">
            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 2">
         </div>
         <div class="col-md-6 order-2 order-md-1">
            <div class="cTextContainer cRightSide">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cTextCol">
<h3>Zero Trust Security Built In</h3>
               <p>Every connection and endpoint is explicitly declared and enforced via mTLS, Cilium, and
                  fine-grained policies—no implicit access, ever.
                    </div>
                    </div>
               </p>
               <div class="row cBandIsection">
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cBcol">
                     <h4>Benefit:</h4>
                     <p> Fine-grained access control, encryption, and security baked in from the start.</p>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cIcol">
                     <h4>Impact:</h4>
                     <p>Fewer security incidents, reduced blast radius, and smoother compliance with frameworks like SOC2
                        and ISO
                     </p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row align-items-center mb-5 flex-column flex-md-row">
         <div class="col-md-6 order-1 order-md-2">
            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
         </div>
         <div class="col-md-6 order-2 order-md-1">
            <div class="cTextContainer cLeftSide">
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cTextCol">
<h3>Observable by Default</h3>
               <p>Logs, metrics, and traces are captured automatically—no extra setup needed.</p>
    </div>
</div>

<div class="row cBandIsection">
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cBcol">
                     <h4>Benefit:</h4>
                     <p> Instant system insights and consistent observability across services.</p>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cIcol">
                     <h4>Impact:</h4>
                     <p>Faster debugging, reduced downtime, and improved Mean Time to Recovery (MTTR).</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row align-items-center mb-5 flex-column flex-md-row">
         <div class="col-md-6 order-1 order-md-1">
            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
         </div>
         <div class="col-md-6 order-2 order-md-1">
            <div class="cTextContainer cRightSide">
                <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cTextCol">
        <h3>Built-in API Management</h3>
               <p>Ingress and egress are automated based on endpoint visibility. APIs are routed through gateways
                  with built-in auth, rate limits, and traffic policies.
               </p>
    </div>
    </div>
               
               <div class="row cBandIsection">
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cBcol">
                     <h4>Benefit:</h4>
                     <p> Eliminates manual routing and ensures secure, policy-based API access.</p>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cIcol">
                     <h4>Impact:</h4>
                     <p>Streamlined API exposure and consumption across internal and external consumers.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row align-items-center mb-5 flex-column flex-md-row">
         <div class="col-md-6 order-1 order-md-2">
            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
         </div>
         <div class="col-md-6 order-2 order-md-1">
            <div class="cTextContainer cLeftSide">
                <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cTextCol">
        <h3>Composable and Extensible</h3>
               <p>Use just what you need. Integrates cleanly into your stack and supports GitOps and evolving
                  strategies.
               </p>
    </div>
    </div>
               
               <div class="row cBandIsection">
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cBcol">
                     <h4>Benefit:</h4>
                     <p> Modular by design—easy to adopt and integrate with existing tools.</p>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cIcol">
                     <h4>Impact:</h4>
                     <p> Faster adoption, less resistance to change, and long-term platform flexibility.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row align-items-center mb-5 flex-column flex-md-row">
         <div class="col-md-6 order-1 order-md-1">
            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
         </div>
         <div class="col-md-6 order-2 order-md-1">
            <div class="cTextContainer cRightSide">
                  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cTextCol">
        <h3>Clear Separation of Concerns</h3>
               <p>Platform engineers define the rules. Developers build features within safe, defined boundaries.
               </p>
    </div>
    </div>
               
               <div class="row cBandIsection">
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cBcol">
                     <h4>Benefit:</h4>
                     <p>Reduces complexity for developers and increases clarity of roles.</p>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cIcol">
                     <h4>Impact:</h4>
                     <p>Improved productivity, fewer handoffs, and aligned team workflows.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row align-items-center mb-5 flex-column flex-md-row">
         <div class="col-md-6 order-1 order-md-2">
            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
         </div>
         <div class="col-md-6 order-2 order-md-1">
            <div class="cTextContainer cLeftSide">
                  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cTextCol">
         <h3>Service Catalog and Discoverability</h3>
               <p>Every API, event, and data stream is registered and searchable.</p>
    </div>
    </div>
              
               <div class="row cBandIsection">
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cBcol">
                     <h4>Benefit:</h4>
                     <p>Centralized discovery enables reuse and enforces governance.</p>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cIcol">
                     <h4>Impact:</h4>
                     <p>Faster development, reduced duplication, and stronger compliance.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>




<section class="cDarkBackground">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <h2>Get Started with OpenChoreo</h2>
         </div>
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <span class="cH2Line"></span>
         </div>

         

      </div>
         <div class="row">
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
            &nbsp;
         </div>
         <div
            class="col-lg-8 col-md-8 col-sm-8 col-xs-8 d-flex justify-content-center list-unstyled cTextAlignCenter">
            <p style="margin-bottom: 100px;">Skip the setup headaches. Pick what works for you and get hands-on.
            </p>
         </div>
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
            &nbsp;
         </div>
      </div>
      
      
      <div class="row">
         <div class="col-sm-12 col-md-4 col-lg-4">
<div class="cCard cButtonContainer d-flex flex-column align-items-center text-center h-100 px-3 py-4" >
  <div class="w-100">
    <h3>Quick Start</h3>
    <p class="cStrong">Run OpenChoreo locally with a single command.</p>
    <ul class="text-start mx-auto" style="max-width: 500px;">
      <li>No config, no toolchain juggling.</li>
      <li>Comes with everything preinstalled.</li>
      <li>Safe to explore and easy to clean up when you’re done.</li>
    </ul>
  </div>

  <!-- Button centered at the bottom -->
  <a class="cButton cOutlineCTA cQuickStart mt-auto mx-auto" href="https://github.com/openchoreo/openchoreo/blob/main/docs/quick-start-guide.md">
    Quick Start Guide
  </a>
</div>
         </div>
         <div class="col-sm-12 col-md-12 col-lg-4">
           <div class="cCard cButtonContainer d-flex flex-column align-items-center text-center h-100 px-3 py-4" >
                 <h3>Install on Your Cluster</h3>
                <p class="cStrong">Set up OpenChoreo on your own Kubernetes cluster.</p>
                <ul>
                    <li>Use Helm to install the Control Plane and Data Plane.</li>
                    <li>Works with kind or any Cilium-enabled cluster.</li>
                    <li>A good option if you want to understand how things are wired under the hood.</li>
                    


                </ul>
               <a class="cButton cOutlineCTA cFlexibleInstall mt-auto mx-auto"
                  href="https://github.com/openchoreo/openchoreo/blob/main/docs/install-guide.md"> Full Install Guide</a>
              
                  
            </div>
         </div>
         <div class="col-sm-12 col-md-12 col-lg-4">
        <div class="cCard cButtonContainer d-flex flex-column align-items-center text-center h-100 px-3 py-4" >
 <h3>Try an Example</h3>
                <p class="cStrong">Explore OpenChoreo using ready-to-run sample apps.</p>
                
                



               <a class="cButton cOutlineCTA cReady-to-Use-Samples mt-auto mx-auto"
                  href="https://github.com/openchoreo/openchoreo/tree/main/samples"> See Examples</a>
           
            </div>
         </div>
        
         
      </div>
   </div>
</section>
<section class="cLightBackground">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <h2>Join the OpenChoreo Community</h2>
         </div>
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <span class="cH2Line"></span>
         </div>
      </div>
      <div class="row">
         <div class="col-sm-12 col-md-4 col-lg-4">
            <div class=" cButtonContainer">
               <a class="cButton cOutlineCTA cContribute"
                  href="https://github.com/openchoreo/openchoreo/blob/main/docs/contributors/README.md">
               Contribute</a>
               <p>Help shape OpenChoreo by submitting features, fixes, or improvements.</p>
            </div>
         </div>
         <div class="col-sm-12 col-md-4 col-lg-4">
            <div class=" cButtonContainer">
               <a class="cButton cOutlineCTA cReportIssues" href="https://github.com/openchoreo/openchoreo/issues">
               Report Issues </a>
               <p> Identify bugs and suggest enhancements to make the platform better for everyone.</p>
            </div>
         </div>
         <div class="col-sm-12 col-md-4 col-lg-4">
            <div class=" cButtonContainer">
               <a class="cButton cOutlineCTA cJoinOurDiscord" href="https://discord.com/invite/asqDFC8suT"> Join
               Our Discord</a>
               <p>Get real-time support, ask questions, and engage with other users and maintainers.</p>
            </div>
         </div>
         <div
            class="col-sm-12 col-md-12 col-lg-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <p class="cLastLines">We’re building OpenChoreo with you — for the next generation of platform
               engineering.
            </p>
         </div>
      </div>
   </div>
</section>




<section class="cDarkBackground">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center list-unstyled ">
            <h2>Ready to build the platform you always wanted?</h2>
         </div>
      
      </div>
      <div class="row">
         <div class="col-sm-12 col-md-4 col-lg-4">
       
            
         </div>
         <div class="col-sm-12 col-md-4 col-lg-4">
            <div class=" cButtonContainer">
               <a class="cButton cButtonIcon" href="https://github.com/openchoreo/openchoreo">Explore OpenChoreo </a>
              
            </div>
         </div>
         <div class="col-sm-12 col-md-4 col-lg-4">
          
            
         </div>
      
         
      </div>
   </div>
</section>