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

# Overview

## Getting Started

<CardGroup cols={2}>
  <Card title="Quickstart" href="/get-started/quickstart" icon="circle-play" color="#7CE38B" iconType="light">
    Set up Velt with a fresh App
  </Card>

  <Card title="Setup" href="/get-started/quickstart" icon="gear" color="#77BDFB" iconType="light">
    Integrate Velt with an existing app
  </Card>
</CardGroup>

## Popular Features

<CardGroup cols={2}>
  <Card title="Comments" href="/async-collaboration/comments/overview" icon="comment" color="#FAA356" iconType="light">
    Enable contextual discussions within your app
  </Card>

  <Card title="In-app Notifications" href="/async-collaboration/notifications/overview" icon="bell" color="#FAA356" iconType="light">
    Notify users about comment updates or add custom app notifications
  </Card>

  <Card title="Recorder" href="/async-collaboration/recorder/overview" icon="video" color="#FAA356" iconType="light">
    Loom-style audio, video & screen recording with AI transcription
  </Card>

  <Card title="Huddle" href="/realtime-collaboration/huddle/overview" icon="headphones" color="#FAA356" iconType="light">
    Slack-style huddle calls within your app
  </Card>
</CardGroup>

## Async Collaboration

<CardGroup cols={3}>
  <Card title="Comments" href="/async-collaboration/comments/overview" icon="comment" color="#77BDFB" iconType="light">
    Leave a comment anywhere
  </Card>

  <Card title="Comments Sidebar" href="/async-collaboration/comments-sidebar/overview" icon="sidebar" color="#77BDFB" iconType="light">
    A sidebar that holds your comments
  </Card>

  <Card title="In-app Notifications" href="/async-collaboration/notifications/overview" icon="bell" color="#FAA356" iconType="light">
    Notification center in your app
  </Card>

  <Card title="Recorder" href="/async-collaboration/recorder/overview" icon="video" color="#FAA356" iconType="light">
    Embeddable audio, video & screen recording
  </Card>

  <Card title="Media Player Comments" href="/async-collaboration/comments/setup/video-player-setup/custom-video-player-setup" icon="circle-play" color="#77BDFB" iconType="light">
    Frame.io style comments on video
  </Card>

  <Card title="System Comments" href="/api-reference/rest-apis/v2/comments-feature/comment-annotations/add-comment-annotations" icon="server" color="#77BDFB" iconType="light">
    Leave comments using an API
  </Card>

  <Card title="Reactions" href="/async-collaboration/reactions/overview" icon="heart" color="#FAA356" iconType="light">
    Add reactions to components
  </Card>

  <Card title="View Analytics" href="/async-collaboration/view-analytics/overview" icon="chart-line" color="#FAA356" iconType="light">
    Show which users viewed a document
  </Card>

  <Card title="Arrows" href="/async-collaboration/arrows/overview" icon="arrow-up-right" color="#77BDFB" iconType="light">
    Point at what is important
  </Card>
</CardGroup>

## Realtime Collaboration

<CardGroup cols={3}>
  <Card title="Live State Sync" href="/realtime-collaboration/live-state-sync/overview" icon="rotate" color="#7CE38B" iconType="light">
    Sync the state of your app realtime
  </Card>

  <Card title="Single Editor Mode" href="/realtime-collaboration/single-editor-mode/overview" icon="lock" color="#7CE38B" iconType="light">
    Lock access to a single editor
  </Card>

  <Card title="Presence" href="/realtime-collaboration/presence/overview" icon="circle-user" color="#7CE38B" iconType="light">
    See who else is browsing online
  </Card>

  <Card title="Cursors" href="/realtime-collaboration/cursors/overview" icon="arrow-pointer" color="#7CE38B" iconType="light">
    See where everyone else is browsing
  </Card>

  <Card title="Follow Me Mode" href="/realtime-collaboration/flock-mode/overview" icon="bird" color="#7CE38B" iconType="light">
    Let others follow along your screen
  </Card>

  <Card title="Huddle" href="/realtime-collaboration/huddle/overview" icon="headphones" color="#7CE38B" iconType="light">
    Hop on a group call with everyone
  </Card>

  <Card title="Live Selection" href="/realtime-collaboration/live-selection/overview" icon="square-dashed" color="#7CE38B" iconType="light">
    See what others are editing
  </Card>
</CardGroup>

## Advanced

<CardGroup cols={2}>
  <Card title="Webhooks" href="/webhooks/basic" icon="webhook" color="#CEA5FB" iconType="light">
    Call a webhook when a comment is added
  </Card>

  <Card title="Email Notifications" href="/async-collaboration/comments/notifications#email-notifications" icon="envelope" color="#CEA5FB" iconType="light">
    Set up email notifications
  </Card>

  <Card title="REST APIs" href="/api-reference/rest-apis/v2/workspace/create" icon="server" color="#CEA5FB" iconType="light">
    Retrieve or modify data
  </Card>

  <Card title="UI Customization" href="/ui-customization/overview" icon="paintbrush" color="#CEA5FB" iconType="light">
    Fully customize Velt Components
  </Card>
</CardGroup>