Framework support

Package, registry, and version details for each client

This page describes the web clients Native Frame supports — React, Next.js, React Native, and vanilla JavaScript — and the package, registry, and version details for each. For step-by-step install instructions, see Installation; to build a broadcaster and a viewer, see the Quickstart.

Supported web frameworks

Framework	Best for	Install method	Key features
React	React applications (16.8+)	npm / yarn from the @video registry	Hooks (usePreviewPlayer, useAuthClient, useCreateCall, useJoinCall, useBroadcast), context providers, pre-built components, TypeScript types
Vanilla JavaScript	Framework-free projects, or Vue / Angular / Svelte	CDN via import map (no build step)	Core SDK loaded from CDN, direct API access, no build step

The full framework switcher lens (React, Next.js, React Native, Vanilla JS, iOS, Android) is generated from the config/framework-coverage.yaml coverage config, which is the source of truth for platform coverage. The table above covers the two web variants the getting-started tutorial ships with; the SDK reference below covers four.

SDK reference by framework

Each framework has its own generated SDK reference — installation, then the full API surface for that client:

Framework	SDK reference
React	React SDK reference
Next.js	Next.js SDK reference
React Native	React Native SDK reference
Vanilla JavaScript	Vanilla JS SDK reference

Two references are shared across all four clients:

• Core API — @video/video-client-core, the client every framework wraps.
• Error handling & troubleshooting — symptom-first guide to VideoClientError.

note

iOS and Android appear in the framework switcher because the platforms are on the roadmap, but they have no generated SDK reference yet — the switcher marks them "Coming soon" rather than quietly serving you the React reference.

Package and registry

Item	Value
React package	@video/video-client-react
React registry	https://npm-packages.nativeframe.com/ (scoped to @video)
Core CDN module	https://cdn.nativeframe.com/video-client-core/14.0.0/index.js
Import-map specifier	vdc-cdn (as used in the vanilla JavaScript examples)

To install the React package, point the @video scope at the registry in your .npmrc:

@video:registry=https://npm-packages.nativeframe.com/

To use the vanilla JavaScript client, load the core module from the CDN with an import map:

<script type="importmap">
{
  "imports": {
    "vdc-cdn": "https://cdn.nativeframe.com/video-client-core/14.0.0/index.js"
  }
}
</script>

Version notes

Package	Version
video-client-core (CDN)	14.0.0
@video/video-client-react	1.0.0

• React 16.8 or later is required (the client uses hooks).
• The CDN URL pins the core version (14.0.0) in the path, so viewers of the vanilla examples load that exact release.