Git blame for the visual layer

Visual changelog for
AI agent edits.

Track every DOM mutation. Smart commit labels, impact scoring, annotations, batch operations, session persistence. Accept or reject each change. Export for your agent.

Recording — 12 commits
5
Mutation types
3
Export formats
0
Dependencies
12kb
Packed

What's new in v1

Smart Labels

Auto-generated descriptions. "Color change on div.hero" not "attribute mutation".

Impact Scoring

Every mutation scored 0-1 by viewport area affected. Big changes rank higher.

Annotations

Add notes to any commit. "Approved — matches brand guide." Included in exports.

Batch Ops

Accept all style changes. Reject all text changes. Filter by type or status.

Session Persist

Opt-in localStorage persistence. Resume your review after page refresh.

Agent Export

New <dom_changes> block groups approved and rejected changes for your AI agent.

Search

Find changes by selector, value, label, or annotation text across the full timeline.

DOM Snapshots

Capture full page state at any point. Compare between snapshots.

What it tracks

Style — inline style changes. Colors, spacing, layout, transforms.

Attribute — classes, data attributes, ARIA states, src, href.

Text — content edits to headings, paragraphs, labels.

DOM add — new elements with full HTML captured.

DOM remove — deleted elements with HTML stored for undo.

Quick start

import { Rewind } from 'userewindui'

function App() {
  return (
    <>
      <YourApp />
      <Rewind />
    </>
  )
}

// Press Alt+R to toggle the panel.
// Every DOM mutation appears as a commit.
// Accept, reject, annotate, export.
import { useRewind } from 'userewindui'

const {
  commits, stats, isRecording,
  acceptCommit, rejectCommit,
  acceptAll, rejectAll,
  acceptByType,         // batch by mutation type
  annotate,             // add notes to commits
  takeSnapshot,         // capture DOM state
  search,               // find changes
  exportMarkdown,
  exportJSON,
  exportAgentBlock,     // <dom_changes> for AI agents
} = useRewind()

Disclaimer

Experimental, open-source software. Provided as-is. No warranties. DYOR. Built by 0xDragoon.