Built for developers.
Invisible to users.
Add collaboration to any web app with a single script tag. No build steps, no complex configuration, no performance impact.
Drop-in integration
Annot8 works by injecting a shadow DOM overlay onto your page. This ensures our styles never conflict with yours, and your site's performance remains untouched.
Get your Project ID
Create a project in the dashboard to generate your unique key.
Add the script
Place the snippet in your head or body tag.
Verify domain
Add your localhost or production domain to the allowlist.
<!-- Annot8 Widget -->
<script
src="https://cdn.annot8.app/widget.js"
data-project-id="proj_123456"
async
></script>Configuration API
data-project-idRequiredYour unique project identifier. Required for initialization.
data-public-slugEnables public (unauthenticated) commenting if configured in dashboard.
data-themeForce 'light' or 'dark' mode. Defaults to system preference.
Enterprise-grade security
We take security seriously. Your data is encrypted at rest and in transit.
Domain Locking
Prevent unauthorized usage by whitelisting specific origins.
SOC 2 Compliant
Our infrastructure provider is SOC 2 Type II certified.