New

Video Call App

A production-ready video conferencing template with Google Meet-inspired UX.

Docs

Core Features

  • Dynamic video tile layouts
  • In-built chat
  • Audio/video controls with device switching
  • Audio level indicators and audio cues for new messages and participants join/leave
  • Responsive design with light/dark theme support
  • Pre-join device testing and permission handling
  • Visual feedback during connection events
  • User-friendly error handling

Tech Stack

  • 100ms SDK (@100mslive/react-sdk)
  • React + TypeScript
  • Vite
  • TailwindCSS
  • Radix UI + shadcn/ui
  • Zustand for state management
  • React Query

Demo Videos

Audio and Video Permission Flow

Camera and Audio Settings

Dynamic Tile Layout

Responsive Design

Real-time Messaging

Error Handling & Status Screens

Loading screen

Loading screen

Autoplay error

Autoplay error

Device in use

Device in use

Call exit on network error

Call exit on network error

Left room

Left room

Meeting Code Screen

Meeting Code Validation

Why This Template?

  • Built-in UX patterns that address common video call challenges
  • Robust device and permission handling
  • User-friendly error prevention and recovery
  • Built for customization with shadcn/ui components
  • Enterprise-grade infrastructure with 100ms SDK