Item logo image for Reversion

Reversion

Item media 1 (screenshot) for Reversion

Overview

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.

Details

  • Version
    0.1.0
  • Updated
    May 16, 2026
  • Offered by
    exelobaiza
  • Size
    231KiB
  • Languages
    English (United States)
  • Developer
    Email
    exelob25@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

iPrototype - Live Website Prototyping

5.0

Prototype directly on live websites. Select any element, modify with AI or custom code, and see changes instantly. No mockups.

Better Ruler

4.8

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Hover inspector like in Zeplin , Figma

4.8

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

Elements Position Drag Overlay

5.0

Ctrl+드래그(Mac: Cmd+드래그)로 웹 요소의 CSS position 값을 실시간으로 표시하는 개발자 도구입니다.

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

Pointer - Element Inspector for DevTools

3.0

Enhanced element inspection with cursor-driven workflow. Visual highlighting, measurements, and DevTools integration.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Quick Copy DOM

5.0

Visually select any element on the page and instantly copy its HTML to clipboard. Like DevTools element inspector, but faster.

WebGrabber for Claude Design

0.0

Grab any element's HTML, CSS, and screenshot to paste into Claude Design. Independent tool, not affiliated with Anthropic.

EziCloner

4.8

Advanced webpage cloning tool that converts page elements into editable Elementor widgets.

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

Repaint — Visual UI Inspector

5.0

Inspect and edit any website visually. Click to select, edit colors, fonts, spacing, and use Figma-style tools on any live page.

iPrototype - Live Website Prototyping

5.0

Prototype directly on live websites. Select any element, modify with AI or custom code, and see changes instantly. No mockups.

Better Ruler

4.8

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Hover inspector like in Zeplin , Figma

4.8

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

Elements Position Drag Overlay

5.0

Ctrl+드래그(Mac: Cmd+드래그)로 웹 요소의 CSS position 값을 실시간으로 표시하는 개발자 도구입니다.

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

Pointer - Element Inspector for DevTools

3.0

Enhanced element inspection with cursor-driven workflow. Visual highlighting, measurements, and DevTools integration.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Quick Copy DOM

5.0

Visually select any element on the page and instantly copy its HTML to clipboard. Like DevTools element inspector, but faster.

Google apps