ui-toolkit/web

Name: ui-toolkit/web
Availability: InStock
Author: Zoom

Document Zoom Video SDK UI Toolkit integration for web frameworks.

7|2|Updated Apr 2, 2026

Search Tags:#integration #jwt #web #zoom #ui-toolkit #video-sdk

Ready to run

npx skills add https://github.com/zoom/zoom-plugin --skill ui-toolkit-web

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-toolkit/web
Source: https://github.com/zoom/zoom-plugin/tree/main/skills/ui-toolkit
Command: npx skills add https://github.com/zoom/zoom-plugin --skill ui-toolkit-web

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The Zoom Video SDK UI Toolkit provides a ready-made, consistent web UI so teams can ship video conferencing features quickly without building custom interfaces from scratch.

Core Features & Use Cases

Prebuilt, adaptable UI components for video, chat, participants, and settings across React, Vue, Angular, Next.js, and vanilla JS.
Framework-agnostic integration with configurable features and extensive guidance on when to use the UI Toolkit versus raw Video SDK.
Use Case: teams needing a fast, consistent Zoom-like meeting UI for web apps with minimal code.

Quick Start

Install the UI Toolkit package, include its CSS, and initialize a session with your videoSDKJWT, sessionName, and userName.

Frequently Asked Questions about ui-toolkit/web

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I integrate Zoom video SDK UI Toolkit into a web app?▼

To integrate the Zoom video SDK UI Toolkit in web apps, install the package, include its CSS, and initialize a session using your videoSDKJWT, sessionName, and userName. It supports React, Vue, Angular, Next.js, and vanilla JS.

When should I use the Zoom UI Toolkit versus the raw Video SDK?▼

Use the Zoom UI Toolkit when you need a ready-made, consistent meeting UI for video, chat, participants, and settings without building custom interfaces. Choose the raw Video SDK when your application requires a fully custom-built user interface.

Does the Zoom Video SDK UI Toolkit work with Angular and Vue?▼

Yes, the Zoom Video SDK UI Toolkit is framework-agnostic and supports integration across Angular, Vue, React, Next.js, and vanilla JavaScript. It provides adaptable UI components for these front-end ecosystems.

What is needed to initialize a Zoom Video SDK web session?▼

Initializing a Zoom Video SDK web session requires a valid videoSDKJWT for authentication, along with a specified sessionName and userName. These parameters configure and authorize the video session for production deployments.

Why is my Zoom UI Toolkit session not working in production?▼

Zoom UI Toolkit production issues often stem from missing authentication requirements or incorrect asset usage. Troubleshooting involves verifying your videoSDKJWT configuration and ensuring the UI Toolkit CSS and assets are correctly included.

What is the best way to add prebuilt Zoom video conferencing UI to a web application?▼

The best way to add prebuilt Zoom video UI is using the UI Toolkit, which offers framework-agnostic integration and configurable features. It enables rapid deployment of consistent video, chat, and participant interfaces with minimal code.