Fastest integration
Hosted UI
A ready-made meeting interface.
For developers
Build real-time communication into your application.
Add audio, video and screen sharing using PurpleCallio's hosted UI, React components, headless SDK or REST APIs.
Custom UI
React
Composable components for React products.
Full control
Headless SDK
The engine beneath your own interface.
Backend integration
REST API
Create and manage calls from any trusted server environment.
Official SDKs for every platform
The React path above is one of several client SDKs. Every platform wraps the same call engine — a participant token, a connection-state lifecycle, participants, and camera/ microphone/screen-share controls — with an API that feels native to where you're building.
@purplecallio/sdk
JavaScript / TypeScript →
The headless call engine every other SDK is built on: connection state, signaling, and WebRTC media, with no UI opinions.
@purplecallio/react
React →
A MeetingProvider, hooks, and ready-made components for composing a branded call interface in a React app.
@purplecallio/angular
Angular →
An injectable PurpleCallioService exposing connection state, participants, and media as RxJS observables, plus a video-binding directive.
@purplecallio/react-native
React Native →
Reuses the same call engine on top of react-native-webrtc, with permission handling, camera switching, and background/foreground lifecycle built in.
@purplecallio/vue
Vue →
A usePurpleCallio() composable exposing connection state, participants, and media as reactive refs for Vue 3 applications.
@purplecallio/svelte
Svelte →
A createPurpleCallio() factory exposing connection state, participants, and media as Svelte stores.
Flutter, iOS, and Android SDKs are in development — see the full SDK list for current status.
Choose the integration that fits your product
Start with the amount of frontend control you need. Every path keeps call creation and authorization in your backend.
Hosted UI
Ship a call experience with minimal frontend work.
- Best for
- Your backend creates the call and decides who can join.
- What you get
- Meeting UI, media controls, signaling, WebRTC setup, and TURN relay.
- Installation
- No frontend package required.
integration.ts
import { PurpleCallioClient } from "@purplecallio/sdk";
const client = new PurpleCallioClient({ apiKey: process.env.PURPLECALLIO_API_KEY! });
const call = await client.createCall({ callerId, receiverId });
redirect(call.callerUrl);How the pieces connect
Select a node to see its role in a production communication flow. PurpleCallio works around browser WebRTC; it does not replace the browser media layer.
Your application
PurpleCallio
REST API: Create and manage calls from trusted backend code.
What do I actually have to build?
Hosted UI
You build: You build authentication, business logic, and call creation.
PurpleCallio handles: PurpleCallio handles the meeting UI, media controls, signaling, WebRTC setup, and TURN relay.
React
You build: You build your product layout, business logic, and branded UI.
PurpleCallio handles: PurpleCallio handles participant state, media streams, controls, and the connection lifecycle.
Headless SDK
You build: You control the full UI, interactions, and application state.
PurpleCallio handles: PurpleCallio provides the communication engine, signaling, WebRTC media lifecycle, and relay path.
Developer toolbox
REST API →
Create and manage calls from trusted backend code.
React SDK →
Compose a branded call interface from reusable components.
JavaScript SDK →
Build a fully custom meeting experience with the headless engine.
Hosted UI →
Send authorized participants to a ready-made meeting interface.
Webhooks →
Synchronize your backend with signed call-state notifications.
Screen sharing →
Add browser-native sharing to a communication experience.
Start with a server-controlled call
Keep API keys on the server, issue participant-specific access only after your application authorizes a user, and then choose the meeting surface that fits the product.
Build with PurpleCallio
Explore the documentation to choose hosted UI, React components, or the headless SDK for your integration.