zerdalu/vite-plugin-kapar

vite-plugin-kapar is a plugin for Vite, a popular tool for building and running web applications during development. It adds a small floating widget to your app while you are coding, letting you take screenshots or record short webm videos of what is on screen, straight from the page itself rather than through the browser's own screen-sharing feature. Normally, capturing your screen means clicking through a browser permission prompt asking you to share your screen or a window. This plugin avoids that entirely by using an experimental browser feature that lets it draw the actual webpage content into a canvas, so no popup ever appears. It works with any frontend framework, including Vue, Svelte, React, Solid, or plain JavaScript, since it bundles its own interface rather than depending on your project's setup. Along with capturing, it includes a simple drawing tool so you can sketch or mark up the screen while recording, which is useful for making quick bug reports or short demo clips for teammates. You install it as a development dependency through npm, then add it to your Vite configuration file, optionally telling it which part of the page to target. Once your dev server is running, the widget shows up automatically in the corner of the screen. There is an important catch: because the underlying browser capability is still experimental, this only works in Chrome Canary or a recent Chromium build, and you must manually turn on a specific browser flag before it functions. The author also lists a few known limitations, such as elements that are pinned to the viewport sometimes not appearing in captures, and cross-origin content like external images or fonts occasionally failing to render. The project is small, has no listed stars yet, and is released under the MIT license, meaning it can be freely used, modified, and shared, including for commercial projects, as long as the original copyright notice is kept.