@lightbird/player-react

Drop-in React video player component powered by @lightbird/core. Full controls, playlist, subtitles, chapters — one import.

Documentation | Live Demo | GitHub

Install

npm install @lightbird/core @lightbird/player-react

Usage

"use client"

import { LightBirdPlayer } from '@lightbird/player-react'

export default function VideoPage() {
  return <LightBirdPlayer />
}

Tailwind CSS Setup

Add to your tailwind.config.ts:

content: [
  // ...your paths
  './node_modules/@lightbird/player-react/dist/**/*.js',
]

Or use the pre-compiled stylesheet:

import '@lightbird/player-react/styles.css'

Exported Components

• <LightBirdPlayer /> — Full player (drop-in)
• <PlayerControls /> — Standalone control bar
• <PlaylistPanel /> — Standalone playlist sidebar
• <Toaster /> — Toast notification provider

Requires

• @lightbird/core (included as dependency)
• react ^18.0.0 || ^19.0.0
• react-dom ^18.0.0 || ^19.0.0

Documentation

Full API reference at lightbird.vercel.app/docs

License

MIT