Tack VERB

Comments on the real page, not a screenshot of it.

Tack adds Figma-style pinned comments to any prototype hosted on Netlify. Reviewers open the drawer, click the thing they mean, and type. No accounts. Comments are stored with the prototype and follow their element through responsive reflow.

Open the demo Source on GitHub

What reviewers get

Numbered pins

Every comment gets a number that stays put. The pin and the drawer row share it.

A side drawer

All comments for the page, threaded replies, and a filter for ongoing, resolved, or all.

Toggle visibility

Close the drawer and the pins go too, so the prototype reads clean. C brings it back.

No login

Reviewers give a display name once. They can delete only their own comments.

Add Tack to a prototype

  1. Add the package and the function file. Run this in the prototype repo:

    npm init -y
npm install github:VERB-Design/VERB-Tack
npx verb-tack init

  2. Add the script tag to your pages, usually in a shared header include:

    <script src="https://verb-tack.netlify.app/tack.js" defer></script>

  3. In Netlify, set one environment variable so you can delete comments and export them:

    TACK_ADMIN_KEY = a-long-random-string

  4. Deploy. Open the site, press C, and leave the first comment.

Where the data lives

Each prototype keeps its own comments in its own Netlify Blobs store. Delete the site and the comments go with it. To export everything on a site as JSON:

curl -H "x-tack-admin: $TACK_ADMIN_KEY" https://your-prototype.netlify.app/api/tack/export