> ## 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

<Tabs>
  <Tab title="React / Next.js">
    <Steps titleSize="h2">
      <Step title="Enable Follow Me mode on Presence">
        Enable `Follow Me` mode feature.

        ```js theme={null}
         <VeltPresence flockMode={true} />
        ```

        You need to add the [Presence feature](/realtime-collaboration/presence/overview) to trigger `Follow Me` mode. This will enable `Follow Me` mode as an option for your users globally, wherever `Presence` is shown.

        To start the shared `Follow Me` session, click on a user's avatar to start following them.
      </Step>

      <Step title="Test Integration">
        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. Now click on any avatar to start following them.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Other Frameworks">
    <Steps titleSize="h2">
      <Step title="Enable Follow Me mode on Presence">
        Enable `Follow Me` mode feature.

        ```html theme={null}
        <velt-presence flock-mode="true"></velt-presence>
        ```

        You need to add [Presence feature](/realtime-collaboration/presence/overview) to trigger `Follow Me` mode. This will enable `Follow Me` mode as an option for your users globally, wherever Presence is shown.

        To start the shared `Follow Me` session, click on a user's avatar to start following them.
      </Step>

      <Step title="Test Integration">
        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. Now click on any avatar to start following them.
      </Step>
    </Steps>
  </Tab>
</Tabs>

<RequestExample>
  ```js React / Next.js theme={null}
  import { VeltPresence } from '@veltdev/react';

  export default function App() {

    return (
      <div className="toolbar">
        <VeltPresence
          flockMode={true} {/* 1) Enable Follow Me Mode */}
        />
      </div>
    );
  }
  ```

  ```html HTML theme={null}
  <velt-presence flock-mode="true"></velt-presence> <!-- Enable Follow Me Mode -->
  ```
</RequestExample>