elevenlabs-docs/fern/docs/pages/overview.mdx at main · elevenlabs/elevenlabs-docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
---
title: ElevenLabs
headline: ElevenLabs docs
subtitle: ElevenLabs is an AI audio research and deployment company.
hide-nav-links: true
---

{/* Light mode wave */}

<div id="overview-wave" className="light-mode-wave">
  <ElevenLabsWaveform color="blue" className="h-[500px]" />
</div>

{/* Dark mode wave */}

<div id="overview-wave" className="dark-mode-wave">
  <ElevenLabsWaveform color="gray" className="h-[500px]" />
</div>

## Most popular

<CardGroup>
  <Card title="Developer quickstart" href="/docs/quickstart">
    Learn how to integrate ElevenLabs
  </Card>
  <Card title="Conversational AI" href="/docs/conversational-ai/overview">
    Deploy voice agents in minutes
  </Card>
  <Card title="Product guides" href="/docs/product-guides/overview">
    Learn how to use ElevenLabs
  </Card>
  <Card title="API reference" href="/docs/api-reference/introduction">
    Dive into our API reference
  </Card>
</CardGroup>

## Meet the models

<Markdown src="/snippets/tts-models.mdx" />
<Markdown src="/snippets/stt-models.mdx" />
<div className="text-center">
  <div>[Explore all](/docs/models)</div>
</div>

## Capabilities

<CardGroup cols={2}>

<Card href="/docs/capabilities/text-to-speech">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Text to Speech</div>
      <p>Convert text into lifelike speech</p>
    </div>
  </div>
</Card>

<Card href="/docs/capabilities/speech-to-text">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Speech to Text</div>
      <p>Transcribe spoken audio into text</p>
    </div>
  </div>
</Card>

<Card href="/docs/capabilities/voice-changer">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Voice changer</div>
      <p>Modify and transform voices</p>
    </div>
  </div>
</Card>

<Card href="/docs/capabilities/voice-isolator">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Voice isolator</div>
      <p>Isolate voices from background noise</p>
    </div>
  </div>
</Card>

<Card href="/docs/capabilities/dubbing">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Dubbing</div>
      <p>Dub audio and videos seamlessly</p>
    </div>
  </div>
</Card>

<Card href="/docs/capabilities/sound-effects">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Sound effects</div>
      <p>Create cinematic sound effects</p>
    </div>
  </div>
</Card>

<Card href="/docs/capabilities/voices">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Voices</div>
      <p>Clone and design custom voices</p>
    </div>
  </div>
</Card>

<Card href="/docs/conversational-ai/overview">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Conversational AI</div>
      <p>Deploy intelligent voice agents</p>
    </div>
  </div>
</Card>

</CardGroup>

## Product guides

<CardGroup cols={1}>

<Card href="/docs/product-guides/overview">
  <div className="flex items-center justify-between">
    <div className="text-left">
      <div className="t-default text-base font-semibold">Product guides</div>
      <p>Explore our product guides for step-by-step guidance</p>
    </div>
    <div className="flex items-center justify-center">
      <img
        src="/assets/images/product-guides/voices/voice-library.webp"
        alt="Voice library"
        style={{ pointerEvents: 'none', width: '200px' }}
      />
    </div>
  </div>
</Card>

</CardGroup>

<small>† Excluding application & network latency</small>