Document Picture-in-Picture API
Explore 10 interactive demos showcasing how the Document PiP API enables floating, always-on-top windows with arbitrary HTML content. Click any demo to try it live.
Tool Palettes
Floating color picker, emoji picker & gradient builder that follows you across tabs
Chat Bubbles
Mini chat panel that stays active while you work in other windows
Debug Viewer
Live console logs and network requests in a persistent floating window
Data Widgets
Ambient dashboard tiles with live data, waveforms, and system stats
Game Minimap
Dynamic minimap that tracks navigation and interaction heatmaps
Music Workstation
Detachable panels for sequencer, piano roll, and mixer controls
AI Copilot
Persistent AI assistant bubble with live responses and status animations
Presence Portal
See collaborator avatars, cursors, and real-time activity rings
Secondary Camera
Alternative camera views for 3D scenes and shader previews
Tutorial Mode
Interactive walkthrough with step-by-step guidance and progress tracking
Browser Support
The Document Picture-in-Picture API is available in Chrome 116+ and Edge 116+. Check 'documentPictureInPicture' in window for feature detection.