Reversion

Switch between component variants live on prototype sites. Floating toolbar with viewport awareness, highlight and drag.

Reversion is a stakeholder-friendly toolbar for comparing design alternatives on Reversion-compatible prototype sites — without rebuilding or redeploying. When a prototype site exposes the Reversion runtime (window.reversion), this extension injects a small floating pill toolbar into the page. Designers, PMs and developers can switch between component variants live, hover to highlight the target component on the page, and download the current picks as a markdown file to share with the team. WHAT IT DOES • Lists every registered "reversion" on the current page, with its variants • Click a variant to swap it on the page in real time • Hover a row to highlight the target component with a cyan outline • Drag the toolbar anywhere; minimize when you don't need it • Viewport-aware: only shows reversions whose component is currently on screen • Download decisions.md with the current picks • Per-origin persistence (picks, toolbar position, open/closed state) WHEN TO USE IT • Reviewing prototype variants with stakeholders without juggling Figma frames • A/B comparing layout, copy or component options on a staging URL • Capturing a stakeholder's decisions in a shareable file REQUIRES A REVERSION-COMPATIBLE SITE This extension does nothing on sites that don't expose window.reversion. It is intended for teams using the Reversion runtime in their own prototypes. If a page doesn't declare the runtime, the toolbar silently stays hidden. PRIVACY All data — your picks, toolbar position, open/closed state — is stored locally via chrome.storage.local and never leaves your browser. No analytics, no tracking, no remote calls.