MarkLayer — Webpage Annotator & Visual Feedback Tool

Free open-source webpage annotator. Mark up any page, share a link, no account needed. Hand feedback to AI agents via MCP.

MarkLayer turns any webpage into a shared whiteboard. Draw, comment, and hand off feedback in seconds — no screenshots, no account, no paywall. Open a page, mark it up, share the link. That's the whole workflow. Why people switch to MarkLayer: 🆓 100% free, forever — not a trial, not a limited "free tier." No upgrade prompts, ever. 🔗 One link, live collaboration — teammates see your cursor and comments in real time. No extension needed on their end. 🤖 Built for the AI-coding era — pick any element to grab its selector, computed styles, and framework component (React, Vue, Svelte), then paste straight into Cursor or Claude. 📐 Measure anything — pixel-perfect gaps and dimensions without opening DevTools. 🔓 Fully open source — audit it, self-host it, or just trust it. Use it for: 🎨 Feedback on designs, landing pages, or live sites 🐛 Bug reports with visual context instead of a screenshot thread in Slack 👥 Real-time collaboration with teammates on any webpage 🤝 Design-to-code handoff — selector, styles, parent layout, and component name in one paste 📏 Measuring spacing on a live page (or a Figma export) without DevTools 📚 Marking up articles, docs, or research for yourself or others Features: 🖊️ Freehand drawing, shapes, arrows, lines, and text 🖍️ Highlighter and eraser tools 💬 Comments pinned to any spot on the page 👀 Real-time cursors, comments, and voice/video collaboration 🎯 Element inspector — selector, computed styles, framework component (React/Vue/Svelte) 📏 Measure tool — dimensions and edge-to-edge gaps between elements 🧰 Customizable toolbar — drag tools to reorder, layout persists 📸 Export annotations as PNG 🌐 Works on any webpage 🔓 No account required — just install and go