> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kamu.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# About

export const YouTubeList = ({id}) => {
  const src = `https://www.youtube.com/embed/videoseries?list=${id}`;
  return <iframe className="w-full aspect-video rounded-xl" src={src} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>;
};

export const YouTube = ({id, width}) => {
  const src = `https://www.youtube.com/embed/${id}`;
  return <iframe className="w-full aspect-video rounded-xl" src={src} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen width={width}></iframe>;
};

export const Schema = ({t, id}) => {
  const anchor = id ? id : t.toLowerCase().replace(/\s+/g, "-");
  const link = `/odf/schemas#${anchor}`;
  return <a class="schema-object" href={link}>{t}</a>;
};

export const Term = ({t, id}) => {
  const anchor = id ? id : t.toLowerCase().replace(/\s+/g, "-");
  const link = `/general/glossary#${anchor}`;
  return <a class="glossary-term" href={link}>{t}</a>;
};

export const Diagram = ({src, alt}) => {
  return <div style={{
    display: "flex",
    "flex-direction": "column",
    "align-items": "center"
  }}>
    <img src={src} alt={alt} style={{
    background: "#dddddd",
    "margin-bottom": 0
  }} />
    <span>{alt}</span>
  </div>;
};

<div align="center">
  <img src="https://mintcdn.com/kamu/C5EZKi5W8Kap2h-J/images/kamu-logo-slogan.png?fit=max&auto=format&n=C5EZKi5W8Kap2h-J&q=85&s=be198cbb8ead06e869c88b1f469be365" alt="Kamu logo" width="50%" data-path="images/kamu-logo-slogan.png" />

  <div class="badges">
    <a href="https://github.com/kamu-data/kamu-web-ui/">
      <img src="https://img.shields.io/static/v1?logo=github&logoColor=white&label=&message=Repository&color=gray&style=for-the-badge" noZoom />
    </a>

    <a href="https://github.com/kamu-data/kamu-web-ui/releases/latest">
      <img src="https://img.shields.io/github/v/release/kamu-data/kamu-web-ui?include_prereleases&logo=angular&logoColor=orange&style=for-the-badge" noZoom />
    </a>

    <a href="https://github.com/kamu-data/kamu-web-ui/actions">
      <img src="https://img.shields.io/github/actions/workflow/status/kamu-data/kamu-web-ui/build.yaml?logo=githubactions&label=CI&logoColor=white&style=for-the-badge&branch=master" noZoom />
    </a>
  </div>
</div>

## About

Kamu Web Platform is a **front-end application** that acts as a window into the decentralized [Open Data Fabric](/odf) (ODF) network.

<img src="https://mintcdn.com/kamu/C5EZKi5W8Kap2h-J/images/platform/kamu-web-ui-screenshot-cloud.png?fit=max&auto=format&n=C5EZKi5W8Kap2h-J&q=85&s=6dbcefe1e10c009ae831255bd5dccdbe" alt="Kamu Platform screenshots" width="1029" height="654" data-path="images/platform/kamu-web-ui-screenshot-cloud.png" />

Think of it as GitHub for data pipelines or Etherscan for ODF. It can be used in multiple setups:

* On a laptop to explore and build pipelines together with [Kamu CLI](/cli)
* Deployed as a private cloud or on-premise data platform in combination with [Kamu Node](/node)
* As a window into the global ODF network to interact with millions of decentralized data sources and supply chains.

## Get Started

By far the simplest way to try it out is using [Kamu CLI](/cli) - simply [install](/cli/install) it and run this command in your <Term t="workspace" />:

```sh theme={null}
kamu ui
```

## Helm Chart

You can deploy Kamu Web platform into a [Kubernetes](https://kubernetes.io/) cluster using [Helm](https://helm.sh/) and our latest chart from [ArtifactHub](https://artifacthub.io/packages/search?org=kamu).

See [deployment manual](/node/deploy) on how to deploy the Web Platform alongside [Kamu Node](/node).