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. Your styles never conflict with ours, and your site's performance stays 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://annot8.app/widget.js"
data-project-id="proj_123456"
async
></script>Configuration API
All available data attributes for the Annot8 script tag.
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.
GDPR Ready
Full data export and deletion support. EU-compliant data handling.
Start building today
Add Annot8 to your project in under 2 minutes. It really is that simple.