Open any element of any webpage in a floating Picture-in-Picture window.
anyPiP - Picture-in-Picture anything Extension
Picture-in-Picture (PiP) is no longer restricted to video. You can now create a floating window out of any part of a website. Create your own floating widgets, which always stay on top of other windows.
After installing the extension, simply click on the extension icon, and select the part of the page you want to open in a floating window.
Example:
- Weather widget
- Video game
- Chat window
- Stocks ticker
Notes:
- Might not work correctly some parts of some webpages, as this depends on implementation of source webpage
- This extension is not affiliated in any way with webpages in screenshots
- Some pages work better when first viewed in mobile view (https://developer.chrome.com/docs/devtools/device-mode)
This extension is open source, and its source code can be found on GitHub (https://github.com/MKaandorp/anyPiP).
Read more
After installing the extension, simply click on the extension icon, and select the part of the page you want to open in a floating window.
Example:
- Weather widget
- Video game
- Chat window
- Stocks ticker
Notes:
- Might not work correctly some parts of some webpages, as this depends on implementation of source webpage
- This extension is not affiliated in any way with webpages in screenshots
- Some pages work better when first viewed in mobile view (https://developer.chrome.com/docs/devtools/device-mode)
This extension is open source, and its source code can be found on GitHub (https://github.com/MKaandorp/anyPiP).
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "anyPiP - Picture-in-Picture anything", "description": "Open any element of any webpage in a floating Picture-in-Picture window.", "version": "1.0", "icons": { "16": "images/16.png", "32": "images/32.png", "48": "images/48.png", "128": "images/128.png" }, "action": { "default_icon": { "16": "images/16.png", "32": "images/32.png", "48": "images/48.png", "128": "images/128.png" } }, "permissions": [ "activeTab", "scripting" ], "background": { "service_worker": "background.js" }}
Read more