Margin

Google Docs-style editing for HTML artifacts.

Review HTML like a doc.

Add comments, replies, and text suggestions to dashboards, summaries, presentations, and other HTML artifacts.

Chrome Extension JS File

HTML artifacts deserve a proper review loop.

Instead of scattering feedback across screenshots, chat, and loose notes vague notes, Margin keeps your review attached to the exact content you're looking over.

Comments, replies, and suggestions stay anchored to the exact text the reviewer meant, with one-click feedback back to AI tools.

Review loop
01 Leave feedback

Highlight text, leave comments, or type an exact suggestion directly in your artifact.

02 Copy feedback

Export a location-aware list of feedback in a couple clicks.

03 Paste to AI

Paste your feedback back into the same AI tool that created the artifact you're reviewing.

04 Repeat

Refresh the page, review addressed feedback, and continue iterating.

Works with tools like Codex, Claude Code, and any app that creates HTML artifacts.

Get Margin
Chrome Extension Recommended
  1. Download and unzip margin-chrome-v1.zip.
  2. Open chrome://extensions and enable Developer mode.
  3. Choose Load unpacked and select the unzipped extension folder.

Manual beta install for Chromium-based browsers, Chrome Web Store coming soon.

AI Apps with Integrated Browsers

For Codex, Claude Desktop, and similar tools with embedded browsers, give your agent the code directly and ask it to inline Margin into current and future HTML artifacts.

Download Code
View Agent Instructions

                        
Privacy

Margin is designed as a local review layer. It does not require an account, a hosted workspace, or a database.

  • Comments, replies, suggestions, and imported review files stay in your browser for the page you are reviewing.
  • Exports are created locally and only when you choose to copy or download them.
  • No review content is transmitted to anyone but yourself.