> ## 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 `VeltCursor` component.
```js theme={null}
import { VeltProvider, VeltCursor } from '@veltdev/react'
```
Add the `VeltCursor` component to the root of your app.
```js theme={null}
{/* ... */}
```
This component renders the cursors of users on the same document and location in your web app.
Note that we automatically assign different colors to users & adapt the cursors to different screen sizes and to what's actually present on the screen. So you don't have to worry about building this logic.
Test it out by opening the target page in two browsers (with one in incognito) with two different users logged in.
You should see the cursors of the users rendered as you move mouse around.
Add the `` component to the root of your app.
```html theme={null}
```
This component renders the cursors of users on the same document and location in your web app.
Note that we automatically assign different colors to users & adapt the cursors to different screen sizes and to what's actually present on the screen. So you don't have to worry about building this logic.
Test it out by opening the target page in two browsers (with one in incognito) with two different users logged in.
You should see the cursors of the users rendered as you move mouse around.
```js React / Next.js theme={null}
import { VeltProvider, VeltCursor } from '@veltdev/react';
export default function App() {
return (
{/* ... */}
);
}
```
```js HTML theme={null}
Cursors documentation
```