React向け Document Picture-in-Picture API ライブラリ

紹介

react-document-pip は、Chrome ベースのブラウザで提供される Document Picture-in-Picture API を React 環境で手軽に使えるように作られたパッケージです。
テキスト、画像、ボタン、動画など、さまざまな HTML コンテンツを PiP ウィンドウに表示できるようにします。

注意

Document Picture in Picture API は、まだ実験的な機能です。（2025-09）
一部のブラウザでは動作しない可能性があります。caniuse でブラウザの対応状況を確認してください。

関連プロダクト

vue-pip と react-styled-pip も開発中です。