Documentation

Everything you need to add live video chat to your app with VibeLive.

Quick Start

Copy this prompt and paste it into your AI coding assistant (Claude Code, Cursor, Windsurf, etc.).

❯

Add live video chat to this app using VibeLive.
Use the link below. Use a teal UI theme.
https://vibelive.site/start/try?key=guest-teal-14d

That's the entire integration step. Your AI assistant handles the rest — importing the SDK, creating rooms, and rendering the video UI.

How VibeLive Works

VibeLive is a JavaScript SDK that adds real-time video and audio to any web app. It connects participants through managed rooms — you create a room, share a link or room ID, and users join.

Under the hood, VibeLive handles:

•Signaling & connection — WebRTC negotiation, TURN/STUN relay when needed
•Room management — create, join, leave. Rooms are ephemeral by default
•Media controls — mute, camera toggle, screen share
•UI components — optional pre-built React components, or use the headless API

VibeLive does not store video or audio data. All media streams are peer-to-peer or relayed transiently.

Keys & Access

Tier	Access	Limits
Guest	No API key required	2 participants per room, 10-minute sessions
API Key	Issued after access request	Configurable room size, persistent rooms, custom themes

Request an API key from the form. Guest mode works immediately with no signup.

UI Themes

VibeLive ships three standard design themes. Each theme defines surfaces, text, accent colors, and component rules. Use the one that fits your app's personality.

Red— Energetic, action-oriented. Good for social and real-time apps.

Nature Calm— Grounded, low-saturation. Good for wellness, coaching, long sessions.

Purple— Calm, thoughtful. Good for creator tools, learning, mentorship.

Full design guide tokens (CSS variables, component rules, do/don't) are provided with your API key.

FAQ

Do I need to write WebRTC code?

No. The SDK handles all WebRTC internals. You create a room and render the component.

What frameworks are supported?

React and vanilla JS. The prompt works with Next.js, Vite, and any standard setup.

Is there a backend I need to deploy?

No. VibeLive manages signaling and relay infrastructure. Your app only runs client-side SDK code.

Can I customize the video UI?

Yes. Use the pre-built components with theme tokens, or use the headless API for full control.

What happens if a participant loses connection?

The SDK handles reconnection automatically. If the connection can't be restored, the participant is removed from the room.

Is video data stored or recorded?

No. All media is peer-to-peer or transiently relayed. VibeLive does not record or store any audio or video.