content/_index.html

+++
title = "Apache SkyWalking"
linkTitle = "Apache SkyWalking"
+++

<div class="container pt-64">
    <a class="community-box" href="/blog/2021-07-12-500-contributors-mark/">
        <span class="community mr-14">COMMUNITY</span>
        <span class="mr-14">SkyWalking achieved 500 contributors milestone in July 2021</span>
        <i class="iconfont icon-arrow-right pull-right"></i>
    </a>

    <div class="introduction mt-5">
        <h1 class="title-skywalking">Apache SkyWalking</h1>
        <div class="desc">Application performance monitor tool for distributed systems, especially designed for
            microservices, cloud native and container-based (Kubernetes) architectures.
        </div>
        <a href="/docs/skywalking-showcase/latest/readme/">
            <button class="sky-btn primary mr-2">Quick start</button>
        </a>
        <a href="https://github.com/apache/skywalking" target="_blank">
            <button class="sky-btn btn-github">
                GitHub
                <i class="iconfont icon-arrow-right pull-right"></i>
            </button>
        </a>
    </div>
</div>

<div id="demo" class="pt-5 mt-3">
    <div class="container center">
        <span class="dividing-line-border"></span>
    </div>
    <div class="container try-wrapper center mt-5">
        <div class="center">
            <a href="http://demo.skywalking.apache.org/" target="_blank">
                <button class="sky-btn primary">
                    Try live demo
                    <i class="iconfont icon-arrow-right pull-right"></i>
                </button>
            </a>
        </div>
        <ul class="demo mt-4">
            <li>Username</li>
            <li>skywalking</li>
            <li>Password</li>
            <li>skywalking</li>
        </ul>
    </div>

</div>

<div class="ui-wrapper">
    <div class="container  ui-content">
        <div class="swiper-container ui-swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/oap.png" alt="oap">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/dashboard_list.png" alt="dashboard">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/topo_ui.png" alt="topo">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/trace_ui.png" alt="trace">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/browser.png" alt="browser">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/database.png" alt="database">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/services.png" alt="services">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/alarms.png" alt="alarms">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/events.png" alt="events">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/eBPF.png" alt="eBPF Profiling">
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="images/home/pod_log.png" alt="Pod Log">
                </div>
            </div>
            <div class="ui-swiper-pagination swiper-pagination"></div>
            <div class="ui-swiper-button-prev swiper-button-prev"></div>
            <div class="ui-swiper-button-next swiper-button-next"></div>

        </div>
    </div>
</div>


<div class="container solution-wrapper pt-3 mt-5">
    <h2 class="title solution-title">
        All-in-one APM solution
    </h2>
    <ul class="solution-content">
        <li>
            <h4>Tracing, metrics and logging</h4>
            <p>
                SkyWalking is built for consistent observability. Monitor everything happening to your application in
                browser.
            </p>
        </li>
        <li>
            <h4>Agents for your stack</h4>
            <p>
                Java, .Net Core, PHP, NodeJS, Golang, LUA, Rust, and C++ agents with active development and maintainance. eBPF profiler for C, C++, Golang, and Rust as additional.
            </p>
        </li>
        <li>
            <h4>Service Mesh and FaaS ready</h4>
            <p>
                Service mesh and FaaS observability built-in. Collect and analyze data from Istio + Envoy Service Mesh and OpenFunction as FaaS platform.
            </p>
        </li>
    </ul>
    <div id="arch">
        <img loading="lazy" src="images/home/architecture_2160x720.png" alt="architecture">
    </div>
</div>

<div id="feature" class="container feature-wrapper mt-5">
    <h2 class="title">Everything your team expects from an APM for distributed system</h2>
    <ul class="feature-content">
        <li>
            <div>
                <h4>Light weight and modular</h4>
                <p>No big data stack. Adopt to different scale by configuring which modules to include.</p>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-container cluster-swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_zookeeper.png" data-nolightbox="true" alt="">
                            <div class="text">zookeeper</div>
                        </div>
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_etcd.png" data-nolightbox="true" alt="">
                            <div class="text">etcd</div>
                        </div>
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_kubernetes.png" data-nolightbox="true" alt="">
                            <div class="text">kubernetes</div>
                        </div>
                    </div>
                    <div class="cluster-swiper-button-prev swiper-button-prev"></div>
                    <div class="cluster-swiper-button-next swiper-button-next"></div>
                </div>
            </div>
        </li>
        <li>
            <div>
                <h4>Alarms support</h4>
                <p>
                    Built-in webhooks support for automatically sending out event notifications via HTTP, gRPC, Slack,
                    and more.
                </p>
            </div>
            <div class="img-box">
                <img loading="lazy" src="images/home/apm_alarms.png" data-nolightbox="true" alt="">
                <div class="text">rules</div>
            </div>
        </li>
        <li>
            <div>
                <h4>Visualization that speaks</h4>
                <p>
                    Built-in data visualization that gets your team started. Your can further
                    <a href="/docs/main/latest/en/ui/readme/#custom-dashboard">
                        customize it or integrate your own.
                    </a>
                </p>
            </div>
            <img loading="lazy" src="images/home/apm_visul.png" data-nolightbox="true" alt="">
        </li>
        <li>
            <div>
                <h4>Pluggable storage</h4>
                <p>SkyWalking supports a wide range of backend storage solutions, and they are pluggable.</p>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-container plugin-swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_pluggable_h2.png" data-nolightbox="true" alt="">
                            <div class="text">h2</div>
                        </div>
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_pluggable_es.png" data-nolightbox="true" alt="">
                            <div class="text">ElasticSearch</div>
                        </div>
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_pluggable_mysql.png" data-nolightbox="true" alt="">
                            <div class="text">MySQL</div>
                        </div>
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_pluggable_postgresql.png" data-nolightbox="true" alt="">
                            <div class="text">PostgreSQL</div>
                        </div>
                    </div>
                    <div class="plugin-swiper-button-prev swiper-button-prev"></div>
                    <div class="plugin-swiper-button-next swiper-button-next"></div>
                </div>
            </div>
        </li>
        <li>
            <div>
                <h4>Performance</h4>
                <p>
                    SkyWalking agents provide little extra load for target services.
                </p>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-container perf-swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_perf_contrast_graph_1k.png" alt="">
                            <div class="text">1k requests/s</div>
                        </div>
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_perf_contrast_graph_4k.png" alt="">
                            <div class="text">4k requests/s</div>
                        </div>
                        <div class="swiper-slide">
                            <img loading="lazy" src="images/home/apm_perf_contrast_graph_5k.png" alt="">
                            <div class="text">5k requests/s</div>
                        </div>
                    </div>
                    <div class="perf-swiper-button-prev swiper-button-prev"></div>
                    <div class="perf-swiper-button-next swiper-button-next"></div>
                </div>
            </div>
        </li>
        <li>
            <div>
                <h4>All Stacks Monitoring</h4>
                <p>SkyWalking provides native agents and works with global observability tools to support all stacks monitoring.</p>
            </div>
            <img loading="lazy" src="images/home/apm_vs.png" class="img-vs" data-nolightbox="true" alt="">
        </li>
    </ul>
</div>

<div class="container community-wrapper center mt-5">
    <h2 class="title">The vibrant community that makes all happen</h2>
    <ul class="community-content">
        <li>
            <h4>Thousands of contributions every year</h4>
            <p>In the past years, SkyWalking accepts thousands of contributions from hundreds of people globally, and
                continuous.</p>
            <div class="graph-wrapper">
                <div id="mergedGraph"></div>
            </div>
        </li>
        <li>
            <h4>600 contributors milestone</h4>
            <p>SkyWalking has over 600 contributors based on GitHub repository statistics. This is a remarkable
                achievement for the whole diverse community.</p>
            <img loading="lazy" src="https://contributor-graph-api.apiseven.com/contributors-svg?repo=apache/skywalking&merge=true"
                 alt="contributors">
        </li>
        <li>
            <div>
                <h4>Contributions welcome</h4>
                <p>We have a well-maintained Pull Request contribution workflow on GitHub. New users are always
                    welcome!</p>
                <a href="/team">
                    <button class="sky-btn">
                        More about our team
                        <i class="iconfont icon-arrow-right pull-right"></i>
                    </button>
                </a>
            </div>
        </li>
    </ul>
</div>

<div class="container run-wrapper center mt-5">
    <h2 class="title">Ready to get started?</h2>
    <div class="run-content">
        <div class="mask"></div>
        <div class="content-box">
            <h4>Run SkyWalking in a snap</h4>
            <p>Try this demo music application to showcase features of Apache SkyWalking in action.</p>
            <div>
                <a href="/docs/skywalking-showcase/latest/readme/">
                    <button class="sky-btn">
                        Quick start
                        <i class="iconfont icon-arrow-right pull-right"></i>
                    </button>
                </a>

            </div>
            <a class="releases mt-4" href="/downloads/">All releases</a>
        </div>

    </div>
</div>

<div class="container tuned-wrapper mt-5 mb-5">
    <h2 class="title">
        Stay tuned with SkyWalking
    </h2>
    <ul class="tuned-content center">
        <li>
            <h4>Questions/bugs?</h4>
            <p>Features requests, questions or report bugs? Feel free to
                <a href="https://github.com/apache/skywalking/discussions">open a discussion</a>
                or <a href="https://github.com/apache/skywalking/issues">file an issue</a>.</p>
            <img loading="lazy" src="images/home/tuned_q.svg" data-nolightbox="true" alt="questions">
        </li>
        <li>
            <h4>Join our slack workspace!</h4>
            <p>Send "Request to join SkyWalking slack" mail to
                <a href="mailto:dev@skywalking.apache.org">dev@skywalking.apache.org</a>.
                We will invite you in.</p>
            <img loading="lazy" src="images/home/tuned_slack.svg" data-nolightbox="true" alt="slack">
        </li>
        <li>
            <h4>Follow us on Twitter</h4>
            <p>For announcement of latest features etc, stay tuned with
                <a href="https://twitter.com/asfskywalking">@ASFSkyWalking</a>.
            </p>
            <img loading="lazy" src="images/home/tuned_twitter.svg" data-nolightbox="true" alt="twitter">
        </li>
        <li>

            {{< events >}}
            {{< /events >}}

            <img loading="lazy" src="images/home/tuned_release.svg" data-nolightbox="true" alt="release">
        </li>
    </ul>
</div>