@true-vroom/react

@true-vroom/react

React UI components, hooks, and prefabricated layouts for building real-time audio/video experiences on top of @true-vroom/client-js.

Installation

npm install @true-vroom/react @true-vroom/client-js

Quick start

import { Vroom } from '@true-vroom/client-js'
import { VroomProvider, VideoCall } from '@true-vroom/react'
import '@true-vroom/react/styles'

await Vroom.init({ apiKey: '...' })

function App() {
  return (
    <VroomProvider theme="dark">
      <VideoCall
        connectParams={{
          roomName: 'demo',
          user: { id: 'u1', displayName: 'Me', role: 'member' },
          type: 'p2p',
          media: { audio: true, video: true },
        }}
        chat={true}
        layout="side-by-side"
      />
    </VroomProvider>
  )
}

Features

• Providers — VroomProvider, SessionProvider, ChatProvider, ModerationProvider
• Hooks — session, participants, tracks, media (mic/camera/devices), events (useActiveSpeaker, useNetworkQuality, useSessionEvent), services (useRecording, useStats, useModeration), and chat (useChat, useChatTyping, useChatUnread, useChatModeration, useChatActive)
• Components — track renderers, participant tiles, layouts (Duo, Grid, Spotlight, Sidebar), controls (Mic/Camera/Speaker/Disconnect/Chat toggles, ControlBar), indicators (timer, recording, network quality, connection state), and chat (ChatPanel, ChatMessageList, ChatInput, ChatTypingIndicator, ChatMessage)
• Prefabs — drop-in VideoCall 1-on-1 UI with optional chat side-panel (chat={true})
• Themes — dark, light, neutral

Peer dependencies

Install these alongside the package (they are declared as peer dependencies):

• @true-vroom/client-js
• react
• react-dom

License

Proprietary — 2026 True Digital Group Co., Ltd. All rights reserved. See LICENSE.