---
description: Release notes for RealtimeKit Web UI Addons.
title: Web UI Addons
image: https://developers.cloudflare.com/realtime/realtimekit/release-notes/ui-kit-addons/og.png?v=553b6860dba4cb91
---

[Skip to content](#main-content)

> Documentation Index  
> Fetch the complete documentation index at: https://developers.cloudflare.com/realtime/llms.txt  
> Use this file to discover all available pages before exploring further.

# Web UI Addons

Last updated Oct 19, 2026|Copy as Markdown| [View as Markdown](https://developers.cloudflare.com/realtime/realtimekit/release-notes/ui-kit-addons/index.md)| [Agent setup](https://developers.cloudflare.com/agent-setup/)

[Subscribe to RSS](https://developers.cloudflare.com/realtime/realtimekit/release-notes/ui-kit-addons/index.xml)

## 2026-10-12

**RealtimeKit Web UI Addons 0.2.0**

**Feature**

- Emoji reactions now display the participant's first name when available, making it easier to identify who reacted.

**Fix**

- The reaction picker background now uses UI Kit design tokens to match the configured theme.

## 2025-11-25

**RealtimeKit Web UI Addons 0.1.0**

**Features**

Initial release of the [`@cloudflare/realtimekit-ui-addons`](https://www.npmjs.com/package/@cloudflare/realtimekit-ui-addons) package, with examples for extending RealtimeKit Web UI Kit:

- Host controls: [Camera Host Control](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/camera-host-control/), [Mic Host Control](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/mic-host-control/), and [Chat Host Control](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/chat-host-control/).
- Reactions: [Hand Raise](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/hand-raise/) and [Reactions](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/reactions-manager/).
- Participant customization: [Participant Tile Menu](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/participant-tile-menu/), [Participant Menu Item](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/participant-menu-item/), [Participants Tab Action](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/participants-tab-action/), and [Participants Tab Toggle](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/participants-tab-toggle/).
- Meeting appearance and controls: [Video Background](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/video-background/) and [Custom Control Bar Button](https://github.com/cloudflare/realtimekit-ui-addons/blob/HEAD/src/custom-controlbar-button/).

Refer to [UI Kit Addons](https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/addons/) for installation and usage.

Was this helpful?

YesNo

## On this page

[![](https://developers.cloudflare.com/_astro/logo.te5VL_aD.svg)Docs](https://developers.cloudflare.com/)

```json
{"@context":"https://schema.org","@type":"BlogPosting","@id":"https://developers.cloudflare.com/realtime/realtimekit/release-notes/ui-kit-addons/#page","headline":"Web UI Addons","description":"Release notes for RealtimeKit Web UI Addons.","url":"https://developers.cloudflare.com/realtime/realtimekit/release-notes/ui-kit-addons/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/release-notes/ui-kit-addons/og.png?v=553b6860dba4cb91","dateModified":"2026-10-19","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}
```