Draggable Black Rectangle

draggable black rectangle lets you instantly mask any on-page content with a solid black box—no fiddly blur tools or incognito tabs required. Click the toolbar icon or hit Ctrl+Shift+Y (Windows/Linux) / ⌘+Shift+Y (macOS) to place a resizable, draggable overlay exactly where you need it. Need multiple masks? Just hit the copy button to clone an existing box. When you’re done, click the ✖ button to remove it.

Designed for seamless screen sharing, this extension ensures your passwords, private notes, or sensitive data stay hidden—even as you navigate or reload pages. Masks persist across navigation so you can focus on your call or presentation without interruption. No setup or configuration—install, click, and share with confidence.

§

draggable black rectangle を使えば、面倒なぼかしツールやシークレットタブを開くことなく、ページ上の任意のコンテンツを黒いボックスで瞬時に隠せます。ツールバーアイコンをクリックするか、Ctrl+Shift+Y（Windows/Linux）または ⌘+Shift+Y（macOS）で、必要な場所にドラッグ＆リサイズ可能なオーバーレイを配置。複数箇所を隠したいときはコピー📄ボタンを押すだけで複製、終了時は✖ボタンで削除できます。

画面共有に特化した設計により、パスワードやプライベートノート、機密データをナビゲーション中やリロード中でもしっかり隠し続けます。マスクはページ移動後も持続するので、プレゼンやビデオ通話に集中でき、面倒な設定は一切不要です。安心してすぐにインストール＆利用を開始できます。

§

[Version 0.2] Adopted Shadow DOM for the rectangle component to isolate it from page styles, ensuring a consistent design and control layout on any website.

§

github:
https://github.com/yto/draggable-black-rectangle

developer:
yto （タツヲ）
https://x.com/yto