Skip to content

Drop a pin. Start a conversation. Ship faster.

Visual feedback tool for AI prototypes and live websites — with humans in the loop. Pin comments on any page — no accounts, no extensions. AI tags every thread. Developers fix issues from their IDE. One script tag — that's it.

Get Started

Features

Pins That Stick

Pin 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.

Threaded Conversations

Each pin opens a thread. Reply in context, keep discussions focused, and see the full history at a glance. On Pro and Team, commenters verify with Google or GitHub — so you always know who said what.

@Mention Teammates

Type @ to tag a teammate by name. Everyone in the project can see mentions and jump into the conversation.

AI That Actually Helps

Every thread is automatically tagged — bug, design, copy, question, praise — so you can filter and prioritize without manual effort. AI suggestions draft context-aware replies you can send in one click. Bring your own API key or use ours.

Resolve & Assign

Mark threads as resolved when feedback is addressed. Assign threads to teammates so nothing falls through the cracks. Filter by status, assignee, or tags to focus on what's left to do.

Real-Time Collaboration

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.

Cross-Page Comment Panel

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.

Mobile Ready

Mamtack 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.

Integrations & Notifications

Route threads to Jira, Linear, or GitHub Issues with one click. Get notified via Slack, email, or webhooks when new comments arrive. Connect your IDE through MCP so AI assistants can query and resolve threads without leaving the editor.

Flag for Fix

Admins flag threads that need developer action. Developers get notified via email, Slack, or MCP — then pull the context into their IDE, apply the fix, and resolve the thread. The full human-in-the-loop workflow, from feedback to shipped code.

From pin to pull request — humans stay in the loop

AI generates the code. Your team steers the quality. Mamtack powers the feedback-to-code loop — connecting every step from the first comment to the shipped fix.

Human-in-the-Loop

continuous cycle

1
Website Exists
AI or hand-coded prototype
2
Pin Feedback
Click element, type comment
3
AI Tagging
Auto-categorize threads
4
Discussion
Threaded replies on pin
5
AI Suggestion
Code fix recommendation
6
Flag for Fix
Mark as actionable
7
Dev Notified
Email / Slack / MCP in IDE
8
Fix + Resolve
Thread closed, loop restarts

Pin to anything — even dynamic elements

Tooltips, modals, dropdowns — Mamtack pins survive DOM changes. Try it: open an element below, then click the + button in the bottom-right corner (or press C on your keyboard) and pin a comment to it.

Tooltip

Hover or click to reveal

Click the button to keep the tooltip open, then pin a comment on it. The pin stays anchored even after the tooltip hides.

Pin stays anchored after tooltip hides
Modal

Click to open

Open this modal dialog, then pin a comment on any element inside it. Close and reopen — pin is still there.

Pins inside modals persist across open/close
Dropdown

Toggle to expand

Expand this dropdown menu, then pin a comment on one of the menu items. The pin reappears each time you open it.

Homepage
About Us
Contact
Blog
Pin reappears when dropdown reopens

How it works

Four roles, one workflow. Reviewers never need an account.

Site Owner

One-time setup
  • Sign up free (Google, GitHub, or email)
  • Get your API key & snippet
  • Add a single script tag
  • Customize theme (dark/light/auto) & position (left/right)
  • Share the page with your team

Reviewer

Give feedback
  • No account needed
  • Click the + button (or press C) to add comments
  • Enter a display name
  • Pin comments anywhere
  • @mention teammates

Stakeholder

Stay in the loop
  • See all feedback in context
  • Reply to any thread
  • Browse the comment sidebar & use filters
  • Get notified of new replies
  • Use MCP to pick up flagged threads and apply fixes from your IDE
  • No install needed

Admin

Manage & moderate
  • Manage team members & roles
  • Delete or hide any comment
  • View audit log
  • Use webhooks, Slack & email notifications to get notified on new comments and thread events
  • Route threads to Jira, Linear, or GitHub Issues automatically
  • Generate & manage MCP tokens for developers
Available on Team & Enterprise plans
For site owners

Setup Guide

Add Mamtack 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.

1

Sign up for free

Create your account with Google, GitHub, or email. Takes 10 seconds. You'll get your first project and API key immediately.

2

Copy your snippet

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.

3

Paste one line into your HTML

Open your HTML file in any text editor. Scroll to the bottom, find </body>, and paste your script tag right above it. Your dashboard has a ready-to-copy snippet with your API key pre-filled.

4

Project names keep comments organized

Your project name (set during signup) determines how Mamtack groups comments:

  • Use the same project across all pages of one site — they'll share the same team members, but each page keeps its own comments
  • Create a different project for each client (upgrade to Pro for multiple projects)
Examples
data-project="acme-redesign"All pages for the Acme redesign project
data-project="client-smith"Pages belonging to the Smith client
data-project="my-portfolio"Your personal portfolio review
5

Mobile support

If 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">

Mamtack adapts to small screens automatically — the sidebar goes full-width, popovers become bottom sheets, and pin targets get larger for touch.

6

Save and open the page

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.

Using WordPress?

Install the Mamtack for WordPress plugin — no code editing needed. Activate it, paste your API key, and comments are live on every page.

Good to know

How comments stay organized

Separated by project

Different data-project names create completely separate spaces. Comments, team members, and threads never mix between projects.

Separated by page

Within the same project, each page has its own comments. A pin on /about.html won't show up on /contact.html.

AI-powered tags

Every thread is automatically tagged by AI — bug, question, suggestion, and more. Override or add your own tags to keep feedback categorized without manual effort.

Search & filter

Find any thread instantly. Filter by tag, status, page, or assignee. Full-text search across all comments so nothing gets lost as feedback grows.

For everyone

How to Use Mamtack

Once Mamtack is added to a page, here's how you and your team use it.

Place a comment

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.

Reply & discuss

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.

Resolve when done

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.

Browse all comments

Click the comments button to open the sidebar. Threads are grouped by page — current page on top, other pages below. Use filters to show only open, resolved, or your own threads, or filter by tags to find specific feedback. Enable the notification bell, and click any thread to jump to its pin — even on another page.

Keyboard shortcuts: Press C to enter comment mode and pin a new comment. Press Shift+C to show/hide all comments. Press Cmd+Enter (or Ctrl+Enter on Windows) to submit a comment or reply quickly.
Trust & transparency

Security

Mamtack runs as a single script on your page. Here's exactly what it does — and what it doesn't.

No access to your data

Mamtack 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.

Shadow DOM isolation

All Mamtack 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.

Minimal network footprint

Mamtack 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.

SRI & CSP ready

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.

How Mamtack compares

Everything they do — plus AI tagging, AI suggestions, smart issue routing, IDE integration, and zero reviewer friction.

Mamtack BugHerd Marker.io Simple Commenter
Reviewer accounts needed ✗ Not needed Required Required ✗ Not needed
Browser extension None Required Required None
Setup One script tag Dashboard + extension Dashboard + extension One script tag
AI auto-tagging ✓ Bug, design, copy, UX…
AI suggestions ✓ Context-aware replies
Smart issue routing ✓ Jira, Linear, GitHub
MCP / IDE integration ✓ 13 tools Basic
Pins survive DOM changes ✓ 4-tier fingerprint Unknown
Real-time collaboration
Export data ✓ CSV & JSON CSV only
Free tier ✓ 1 site, 15 threads
Pricing model Per-site (unlimited users) Per-seat Per-seat Per-seat (10 users)
Starting price $0 $50/mo $39/mo $35/mo

Simple, transparent pricing

Start free. Upgrade when you need more sites, features, or verified identity.

Free

$0
  • 1 site
  • 15 active threads per site
  • 7-day comment retention
  • Display-name commenters
  • AI tagging
  • Real-time notifications
  • Mamtack branding
Get Started Free

Pro

$34/mo
  • 5 sites
  • 200 threads per site
  • Unlimited retention
  • Verified commenters (OAuth)
  • AI tagging & suggestions
  • Real-time notifications
  • Integrations — Email, Slack, GitHub Issues, Webhooks
  • Export data
  • Remove widget branding

Enterprise

Let's talk
  • Unlimited sites
  • Unlimited threads
  • Unlimited retention
  • Require verified identity
  • AI tagging & suggestions
  • Real-time notifications
  • Integrations — Email, Slack, Jira, Linear, GitHub Issues, Webhooks
  • Export data
  • White-label branding
  • Owner + Admin roles
  • MCP server
  • Audit log
  • SSO/SAML (Okta, Keycloak) Coming soon
  • Invoice billing
  • Dedicated support
Contact Us

Ready to add comments to your site?

Set up in under 2 minutes. No credit card required.

Get Started Free