content/_index.html

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

{{< blocks/cover title="Apache SkyWalking" image_anchor="top" height="full" color="dark" >}}
<div class="mx-auto">
	<a class="btn btn-lg btn-primary mr-3 mb-4" href="https://github.com/apache/skywalking/tree/master/docs">
		Quick Start<i class="fas fa-arrow-alt-circle-right ml-2"></i>
	</a>
	<a class="btn btn-lg btn-secondary mr-3 mb-4" href="https://github.com/apache/skywalking">
	GitHub<i class="fab fa-github ml-2 "></i>
	</a>
	<p class="lead mt-5">
        Application performance monitor tool for distributed systems, especially designed for microservices, cloud native and container-based (Docker, Kubernetes, Mesos) architectures.
    </p>

</div>
{{< /blocks/cover >}}

<div id="arch">
    <div id="overview" class="bg-box">
        <div class="contain" id="introduction">
            <h1 class="section-head">What is SkyWalking?</h1>
            <p>
                SkyWalking is an Observability Analysis Platform and Application Performance Management system.
            </p>
            <p>Provide distributed tracing, service mesh telemetry analysis, metric aggregation and visualization all-in-one solution.</p>
            <p>Java, .Net Core, PHP, NodeJS, Golang, LUA, C++ agents supported</p>
            <p>Istio + Envoy Service Mesh supported</p>

            <div class="swiper-container arch-swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="/images/skywalking-arch-3800x1600.jpg" width="" alt="Cloud Native Computing Foundation" title="Cloud Native Computing Foundation">

                    </div>
                    <div class="swiper-slide">
                        <img src="/screenshots/8.0.0/dashboard-1-3800x1600.jpg" width="" alt="dashboard" title="dashboard">
                    </div>
                    <div class="swiper-slide">
                        <img src="/screenshots/8.0.0/dashboard-2-3800x1600.jpg" width="" alt="dashboard" title="dashboard">
                    </div>
                    <div class="swiper-slide">
                        <img src="/screenshots/8.0.0/topology_3800x1600.png" width="" alt="dashboard" title="dashboard">
                    </div>
                    <div class="swiper-slide">
                        <img src="/screenshots/6.1.0/trace_3800x1600.png" width="" alt="dashboard" title="dashboard">
                    </div>
                </div>
                <div class="arch-swiper-pagination swiper-pagination"></div>

                <div class="arch-swiper-button-prev swiper-button-prev"></div>
                <div class="arch-swiper-button-next swiper-button-next"></div>

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

<div id="demo">
    <div id="overview" class="live-demo-wrapper">
        <div class="contain">
            <h1 class="section-head">Live Demo</h1>

            <p>
                <span>User: skywalking</span>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span>Password: skywalking</span>
            </p>

            <p>
                <a class="btn btn-lg mb-5 btn-primary  demo-link" target="_blank" href="http://demo.skywalking.apache.org/">
                    Go
                </a>
            </p>
        </div>
        <div class="demo-line"></div>
    </div>

</div>


<!--Feature List-->
<div id="feature">
    <div id="overview" class="feature-wrapper">
        <div class="contain feature">
            <h1 class="section-head">Feature List</h1>

            <div class="container flex-wrapper">
                <div class="home-li">
                    <img src="/images/search.svg" class="pic">
                    <h6 class="desc">Consistent Observability</h6>
                    <span class="line"></span>
                    <div class="box">
                        <p>Tracing </p>
                        <p>Metrics</p>
                        <p>Logging</p>
                        <p>Browser monitoring</p>
                    </div>
                </div>


                <div class="home-li">
                    <img src="/images/more.svg" class="pic">
                    <h6 class="desc">Multiple Language Agents</h6>
                    <span class="line"></span>
                    <div class="box">
                        <p>Java </p>
                        <p>Golang</p>
                        <p>.Net Core</p>
                        <p>Python</p>
                        <p>NodeJS</p>
                        <p>C++</p>
                        <p>PHP</p>
                        <p>Lua</p>
                    </div>
                </div>


                <div class="home-li">
                    <img src="/images/light.svg" class="pic">
                    <h6 class="desc">Lightweight</h6>
                    <span class="line"></span>
                    <div class="box">
                        <p>No big data stack </p>
                        <p>Adopt different scale</p>
                    </div>
                </div>
                <div class="home-li">
                    <img src="/images/list.svg" class="pic">
                    <h6 class="desc">Modular</h6>
                    <span class="line"></span>
                    <div class="box">
                        <p>Storage pluggable </p>
                        <p>Cluster coordinator pluggable</p>
                        <p>Support pull/push transportation</p>
                    </div>
                </div>


                <div class="home-li">
                    <img src="/images/alarm.svg" class="pic">
                    <h6 class="desc">Alarm Supported</h6>
                    <span class="line"></span>
                    <div class="box">
                        <p>Alarm HTTP/gRPC forwarder </p>
                        <p>Slack notification</p>
                        <p>Dingding notification</p>
                        <p>WeChat notification</p>
                        <p>Raw metrics data exporter</p>
                    </div>
                </div>
                <div class="home-li">
                    <img src="/images/ui.svg" class="pic">
                    <h6 class="desc">Fancy Visualization</h6>
                    <span class="line"></span>
                    <div class="box">
                        <p>Customizable dashboard</p>
                        <p>Topology map</p>
                        <p>Trace and profile explorer</p>
                        <p>CLI dashboard</p>
                        <p>IntelliJ IDE plugin, metrics side by side with codes</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--event-->
<div id="events">
    <div id="overview" class="bg-box event">
        <div class="contain">
            <h1 class="section-head">Events &amp; News</h1>

            <div class="container flex-wrapper">
                {{< blocks/events >}}
                {{< /blocks/events >}}
            </div>
        </div>
    </div>
</div>

<div id="users">
    <div id="overview">
        <div class="contain">
            <h1 class="section-head">Our Users</h1>
            <p>
                Various companies and organizations use SkyWalking for research, production and commercial products.
            </p>
            {{< blocks/users >}}
            {{< /blocks/users >}}

            <p>Users are encouraged to add themselves to this page. Send a pull request to add your company or organization information <a target="_blank" href="https://github.com/apache/skywalking-website/blob/master/data/homepage.yml">[here]</a>.</p>
        </div>
    </div>
</div>


{{< blocks/section >}}
{{% blocks/feature icon="fa-question" title="Any questions?" %}}
Features request, ask questions or report bugs? Feel free to <a href="https://github.com/apache/skywalking/issues/">file a issue</a> or join our <a href="http://s.apache.org/slack-invite">slack</a> workspace.
{{% /blocks/feature %}}


{{% blocks/feature icon="fab fa-github" title="Contributions welcome!" %}}
We do a [Pull Request](https://github.com/apache/skywalking/pulls) contributions workflow on **GitHub**. New users are always welcome!
{{% /blocks/feature %}}


{{% blocks/feature icon="fab fa-twitter" title="Follow us on Twitter!" %}}
For announcement of latest features etc on <a href="https://twitter.com/asfskywalking">@ASFSkyWalking</a>.
{{% /blocks/feature %}}


{{< /blocks/section >}}

<!--
{{< blocks/section >}}
<div class="col">
<h1 class="text-center">This is the second Section</h1>
</div>
{{< /blocks/section >}}
-->