> ## Documentation Index
> Fetch the complete documentation index at: https://velt.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Setup
Import the `Presence` component from the React library.
```js theme={null}
import { VeltPresence } from '@veltdev/react';
```
Add it anywhere you want to see the `User` avatars.
```js theme={null}
```
This component renders the avatars of `Users` on the same document in your web app. We automactically detect when `Users` are active on the document and render their avatars.
Test it out by opening the target page in two browsers with two different `Users` logged in.
You should see the avatars of the `Users` rendered where you added the `Presence` component.
Place the component wherever you want the avatars to appear.
```html theme={null}
```
Test it out by opening the target page in two browsers with two different `Users` logged in.
You should see the avatars of the `Users` rendered where you added the `Presence` component.
```js React theme={null}
import { VeltPresence } from '@veltdev/react';
export default function App() {
return (
);
}
```
```html HTML theme={null}
Presence documentation
```