Tool
Mirrorframe
Mirrorframe captures webpages with Playwright and reconstructs their observed layout and behavior as a self-contained React app. It records computed styles, assets, motion and selected interaction states, then compares rendered nodes and replayed states against the original with image diffs.
- Targets
- Website
- Category
- Website analysis tools
- Relationship
- Foundation tool
- Sources reviewed
Requirements & limits
- Prerequisites: Node.js 18 or later and Playwright Chromium are required.
- Limits: The 0.x CLI, genome schema and report format may change.
- Limits: Live Canvas, WebGL and WebGPU drawing programs are not reconstructed; Canvas output is a captured still.
- License: MIT License.
About this entry
The description was reviewed against primary sources.
Primary sources
- README.md GitHub · byte271/mirrorframe · Revision 16ffce0
- references/limitations.md GitHub · byte271/mirrorframe · Revision 16ffce0
More in Websites
- unwebpack-sourcemap · Tool
- Wirebrowser · Tool
- Thug · Tool
- spy-debugger · Tool
- Dinosaur runner: recovering one acceleration rule · Case study
- rauchg.com: rebuilding an RSC blog from captured Flight output · Case study