# realtimekit-web-examples

**Repository Path**: mirrors_cloudflare/realtimekit-web-examples

## Basic Information

- **Project Name**: realtimekit-web-examples
- **Description**: Web examples for Cloudflare RealtimeKit :rocket:
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-11
- **Last Updated**: 2026-02-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!-- PROJECT LOGO -->
<p align="center">
  <a href="https://cloudflare.com">
    <img src="https://cf-assets.www.cloudflare.com/slt3lc6tev37/6EYsdkdfBcHtgPmgp3YtkD/0b203affd2053988264b9253b13de6b3/logo-thumbnail.png" alt="Logo" width="180">
  </a>
  <h3 align="center">RealtimeKit Web Examples</h3>

  <p align="center">
    A collection of example applications to demonstrate the power of Cloudflare RealtimeKit.
    <br />
    <a href="https://developers.cloudflare.com/realtime/realtimekit/"><strong>Explore the RealtimeKit docs »</strong></a>
    <br />
    <br />
    <a href="https://demo.realtime.cloudflare.com">View Demo</a>
    ·
    <a href="https://community.cloudflare.com/">Report Bug</a>
</p>



<!-- TABLE OF CONTENTS -->

## Table of Contents

* [About the Project](#about-the-project)
* [Getting Started](#getting-started)
  * [Prerequisites](#prerequisites)
  * [Installation](#installation)
* [Running the Examples](#running-the-examples)
* [About](#about)



<!-- ABOUT THE PROJECT -->
## About The Project

This repository contains a collection of example applications built with [Cloudflare RealtimeKit](https://github.com/cloudflare/realtimekit), a real-time video and audio SDK for building custom, collaborative communication experiences.

These examples demonstrate how to integrate RealtimeKit into various web frameworks, including:
* [React](./react-examples/)
* [Angular](./angular-examples/)
* [HTML](./html-examples/)


<!-- GETTING STARTED -->
## Getting Started

To get a local copy up and running follow these simple steps.

### Prerequisites

This project uses [pnpm](https://pnpm.io/) as a package manager. You can install it with npm:
* npm
  ```sh
  npm install -g pnpm
  ```

### Installation

1. Clone the repository
```sh
git clone https://github.com/cloudflare/realtimekit-web-examples.git
```

2. Navigate to the project directory
```sh
cd realtimekit-web-examples
```

3. Install dependencies from the root of the monorepo
```sh
pnpm install
```

<!-- RUNNING THE EXAMPLES -->
## Running the Examples

Each example is a self-contained application. To run a specific example:

1. Navigate to the example's directory. For example:
```sh
cd react-examples/examples/default-meeting-ui
```

2. Start the development server:
```sh
pnpm run dev
```

_For more detailed instructions, please refer to the `README.md` file within each example's directory._

## About

`@cloudflare/realtimekit` is created & maintained by Cloudflare, Inc.