---
title: Nuni
description: Pin a comment to anything on your site. Talk it through with your team. Give your agent the context.
sidebar:
  label: Introduction
  order: 0
---

Nuni adds Figma-style comments to your **real, running website**. Anyone who can open the site can click an element and leave a comment. The pin stays on that element, even as the page changes.

- No commenter accounts. Visitors type a name and comment.
- No API keys or dashboard setup. One public project ID in your code.
- Works everywhere you deploy: localhost, preview URLs, staging, production.

## Add Nuni in a couple of minutes

Paste this into your coding agent. It already contains a fresh project ID for your site.

<CopyPrompt />

Prefer doing it by hand? Run `npx @nuniapp/cli init` and follow the [quickstart](/quickstart).

## How it works

1. **Add**

    Install the package and render it once, globally. The agent prompt does this for you.

2. **Deploy**

    Ship to any URL. The same project ID works on every environment.

3. **Comment**

    Press <kbd>C</kbd>, click anything, write a comment. The pin appears for everyone, live.

4. **Claim**

    Own the site? Open the Nuni panel, choose **Claim Nuni** and sign in with GitHub.

5. **Resolve**

    Resolve, reopen and delete comments from the widget or the [dashboard](/dashboard).

**[Quickstart](/quickstart)**

Install Nuni in React, Next.js, Vue, plain HTML and more.

**[How pins stay put](/guides/how-pins-work)**

What Nuni stores to find an element again after the page changes.

**[Claiming a site](/guides/claiming)**

Become the owner, then resolve comments on the page.

**[Privacy](/privacy)**

What is stored, and who can see it.