Visual annotation tool for design review workflows. Framework-agnostic, zero dependencies.
Designer annotates UI elements on staging/dev, exports a report. Developer imports the report and sees markers on the exact elements. Export as agent-friendly JSON with source locations and search hints for AI coding agents.
| Package | Description | |
|---|---|---|
web-remarq |
Core library — browser annotation tool |  |
@web-remarq/babel-plugin |
Babel plugin for JSX source injection (React, Preact, Solid) |  |
@web-remarq/unplugin |
Universal plugin for Vite/webpack/Rollup/esbuild/Rspack (JSX + Vue SFC) |  |
@web-remarq/cloud |
Cloud storage adapter — sync annotations across team via Supabase |  |
npm install web-remarqimport { WebRemarq } from 'web-remarq'
WebRemarq.init({ theme: 'light' })See each package's README for detailed docs.
WebRemarq.init({ storage }) accepts any StorageAdapter implementation. Default is localStorage. See the core package README for the interface and custom adapter examples. A Supabase-backed adapter for team collaboration ships separately as @web-remarq/cloud.
MIT