Comment directly on any live website. Tag teammates, discuss in context, and resolve feedback — without screenshots, emails, or meetings.
Get StartedPin comments to any element — static or dynamic. Buttons, modals, tooltips, dropdowns, form fields. Smart element fingerprinting keeps pins anchored even after DOM changes, page updates, or deploys.
Each pin opens a thread. Reply in context, keep discussions focused, and see the full history at a glance.
Type @ to tag a teammate by name. Everyone in the project can see mentions and jump into the conversation.
Mark threads as resolved when feedback is addressed. Filter them out to focus on what's left to do.
Comments sync instantly across all viewers. Unread threads are highlighted with visual indicators. Enable browser notifications to get alerted when someone replies — even in a background tab — and click to jump straight to the right comment.
See all comments across every page of your site in one sidebar. Threads are grouped by page with the current page on top. Click any thread to navigate to the right page and open the comment — instantly.
WebWeave works on phones and tablets out of the box. The sidebar goes full-width, popovers become bottom sheets, pin targets expand for touch, and the toolbar stays clear of the gesture bar. No extra setup needed.
Tooltips, modals, dropdowns — WebWeave pins survive DOM changes. Try it: open an element below, then press C and pin a comment to it.
Click the button to keep the tooltip open, then pin a comment on it. The pin stays anchored even after the tooltip hides.
Open this modal dialog, then pin a comment on any element inside it. Close and reopen — pin is still there.
Expand this dropdown menu, then pin a comment on one of the menu items. The pin reappears each time you open it.
Three roles, one workflow. Reviewers never need an account.
Add WebWeave commenting to any website in under a minute. Sign up, grab your script tag, paste it, and your team can start commenting in real time.
Create your account with Google, GitHub, or email. Takes 10 seconds. You'll get your first project and API key immediately.
After signing up, your dashboard shows a ready-to-copy script tag with your API key and a CDN link. No downloads needed — just copy the snippet.
Open your site HTML file in any text editor. Scroll to the bottom, find </body>, and paste your script tag right above it.
Your project name (set during signup) determines how WebWeave groups comments:
data-project="acme-redesign"All pages for the Acme redesign projectdata-project="client-smith"Pages belonging to the Smith clientdata-project="my-portfolio"Your personal portfolio reviewIf your page will be used on phones or tablets, make sure you have the viewport meta tag in your <head>. Most modern sites already have this — if yours doesn't, add it:
<meta name="viewport" content="width=device-width, initial-scale=1">WebWeave adapts to small screens automatically — the sidebar goes full-width, popovers become bottom sheets, and pin targets get larger for touch.
That's it — you're done. Open the page in your browser and you'll see two small buttons in the bottom-right corner. Click + to place your first comment.
Anyone else who opens the same page will see all comments in real time. Reviewers just enter a display name and start collaborating — no account needed for them.
Different data-project names create completely separate spaces. Comments, team members, and threads never mix between projects.
Within the same project, each page has its own comments. A pin on /about.html won't show up on /contact.html.
Static sites, WordPress, landing pages, prototypes — if it runs in a browser, WebWeave works. No frameworks or build tools needed.
Sign up, grab your script tag, paste it into your HTML. No npm, no terminal commands, no dependencies. Reviewers don't need accounts — just a display name.
Once WebWeave is added to a page, here's how you and your team use it.
Click the + button in the bottom-right corner (or press C on your keyboard). Your cursor changes to a crosshair — click anywhere on the page to pin a comment to that exact spot.
Click any pin on the page to open the conversation. Type a reply to keep the discussion going in context. Use @name to tag a teammate.
Once feedback is addressed, the comment creator clicks Resolve. The pin fades out so you can focus on what's left. Reopen it anytime if needed.
Click the comments button to open the sidebar. Threads are grouped by page — current page on top, other pages below. Filter out resolved threads, enable the notification bell, and click any thread to jump to its pin — even on another page.
WebWeave runs as a single script on your page. Here's exactly what it does — and what it doesn't.
WebWeave never reads cookies, form inputs, sessionStorage, or any host-page content. It only reads values from its own Shadow DOM inputs. User-authored content is sanitized through escapeHtml() before rendering.
All WebWeave UI lives inside a Shadow DOM — its styles and scripts are fully isolated from your page. It observes layout changes (via MutationObserver) only to keep pins positioned correctly, never to read page content.
WebWeave connects only to its own backend — threads, comments, and team members. All communication is scoped to your project via your API key. No third-party analytics, no tracking, no data sharing.
Every release includes SHA-384 integrity hashes so you can verify the script hasn't been tampered with. CSP directives are documented for teams that need them.
Need a detailed security review for your team? We provide a full data-flow breakdown, CSP configuration guide, and SRI verification documentation. Contact us for the full Security Guide.
Start free. Upgrade when you need more sites, features, or verified identity.
Set up in under 2 minutes. No credit card required.
Get Started Free