Button

Variants

Sizes

States

Input & Select

Input

Error (string)

This field is required

SearchInput

Select (options)

Select (children)

Textarea

Switch

Email notifications

Dark mode

Disabled example

Small size

Checkbox

Card

Default

Standard card

Outline

Thick border

Elevated

Shadow

Glass

Frosted

Gradient Accent

PageHeader

Your Agents

Deploy and monitor your AI fleet.

Activity

Tabs

Default

Overview content

Underline

Transcript view

Pills

All media

Table

Sortable + Actions

Name	Type	Status	Actions
Interview Recording	Audio	Done
Product Demo	Video	Processing

Pagination

Page 1 of 9 (87 total)

Rows:

Empty

Name	Type	Status
No results found Try adjusting your search.

Skeleton

StatCard

Hours

1,234

Docs

567

Users

89

Credits

$42

Badge

Variants

DefaultSuccessWarningErrorInfoOutlineSecondary

Colors

GreenYellowRedBluePurplePinkOrangeGray

StatusBadge

ActivePendingFailedCompleted

InfoCard

Tip

Shortcuts make editing faster.

Warning

Trial expires in 3 days.

Action

Cannot be undone.

Success

All systems operational.

Toast

Hover to pause. Errors persist 15s.

Dialog & ConfirmDialog

EmptyState

No documents

Upload your first document.

ErrorState

Something went wrong

Failed to load transcript.

Load Failed

Could not fetch data.

DropdownMenu

With trigger (recommended)

Triggerless (legacy compat)

Tooltip

Avatar

Progress

72%

AuthCard

With Logo & Subtitle

Welcome Back

Sign in to your Speak account

Register Variant

Create Account

Start your free trial today

or

SSO Buttons

Individual Providers

Grouped (Login)

or

Grouped (Register)

or

Loading State

or

PasswordInput

Default

Password

With Error

Password

Must be at least 8 characters

Error (boolean)

Disabled

Password

ColorPicker

With Presets

Brand Color

Without Presets

Accent Color

Disabled

Locked Color

ImageUploader

Dropzone Variant

Drop a media thumbnail or click to browse

Avatar Variant

Profile Photo

Upload a profile picture

Disabled

Upload disabled

FileDropzone

Default

Drop files here or click to browse

Accepted: .mp3,.wav,.mp4,.m4a

Custom Children

Upload Media Files

Drag audio or video files to start transcription

Disabled

Drop files here or click to browse

All file types accepted

Chips

With Suggestions

Meeting NotesQ4 Review

Without Suggestions

Max 3 Items

AudioVideo

RadioGroup

Vertical

TranscriptFull text with timestamps

SummaryAI-generated summary

KeywordsExtracted keywords and topics

Custom ReportComing soon

Horizontal

PDF

DOCX

Plain Text

Accordion

Single Mode

Speak is an AI-powered platform that transcribes, analyzes, and extracts insights from audio and video content.

We support MP3, WAV, MP4, M4A, WebM, and many more audio and video formats.

Our AI models achieve over 95% accuracy for clear English audio, with support for 80+ languages.

Multiple Mode

5 hours of transcription per month. Basic analytics included.

Unlimited transcription, advanced analytics, custom vocabulary, and API access.

Custom pricing with dedicated support. Contact sales for details.

Breadcrumb

Default

Custom Separator

Truncated (maxItems=3)

Slider

Default

Confidence Threshold75

Custom Range & Step

Playback Speed1.5

Disabled

Volume50

Media Player

Audio Player

Sample Audio — SoundHelix

0:00/0:00

Video Player

0:00/0:00

Docked Mode (compact)

Docked Player

0:00/0:00

Transcript View

S

Sarah Chen

0:00

Welcome to our product review meeting. Today we're going to look at the Q1 analytics dashboard and discuss the new transcript viewer component.

M

Marcus Rivera

0:08

Sounds good. I've been working on the speaker identification model and we've improved accuracy by twelve percent this quarter.

S

Sarah Chen

0:16

That's great progress. Can you walk us through how the real-time highlighting works with the media player?

P

Priya Patel

0:24

Sure! The transcript view uses the useMediaSync hook to share playback state between the player and the transcript. Click any word to seek to that timestamp.

Synced Player + Transcript

Team Standup — April 1, 2026

0:00/0:00

S

Sarah Chen

0:00

Welcome to our product review meeting. Today we're going to look at the Q1 analytics dashboard and discuss the new transcript viewer component.

M

Marcus Rivera

0:08

Sounds good. I've been working on the speaker identification model and we've improved accuracy by twelve percent this quarter.

S

Sarah Chen

0:16

That's great progress. Can you walk us through how the real-time highlighting works with the media player?

P

Priya Patel

0:24

Sure! The transcript view uses the useMediaSync hook to share playback state between the player and the transcript. Click any word to seek to that timestamp.