---
title: Realtime Avatar Stack
description: Avatar stack in realtime
---

<ComponentPreview name="realtime-avatar-stack-demo" showCode={false} />

## Installation

<BlockItem
  name="realtime-avatar-stack-react"
  description="Renders a stack of avatars which are connected via Supabase Realtime"
/>

## Folder structure

<RegistryBlock itemName="realtime-avatar-stack-react" />

## Usage

The `RealtimeAvatarStack` renders stacked avatars which are connected to Supabase Realtime. Specifically, it uses the Presence feature. You can use this to show currently online users in a chatroom, game session or collaborative app.