Features

Every pixel has a story.

Annot8 brings context to your feedback. Move beyond screenshots and vague descriptions with a tool that understands your DOM.

Precision Pinning

Click anywhere. Annot8 calculates the exact relative position to the nearest stable parent, ensuring comments stay put even when content reflows.

div.hero
1

DOM Inspection

Automatically captures the selector path for every comment.

selector: "#hero > div:nth-child(2)"
rect: {
  width: 1024,
  height: 768
}

Resolved Threads

Mark discussions as complete to keep your project clean.

Markdown Support

Write rich comments with bold, italic, lists, and code blocks.

Mobile Ready

Fully responsive widget that works on any screen size.

Team Mentions

@mention your teammates to notify them instantly.

Context Awareness

Annot8 doesn't just take a picture. It captures the full environment so your team never has to ask 'what browser are you on?'

  • Browser & OS Version
  • Viewport Dimensions
  • Current Route / URL
  • Device Pixel Ratio
system_info.json
browser:"Chrome 120.0.0"
os:"MacIntel"
viewport:1440x900
route:"/features"
dpr:2

Collaboration

Keep your team in sync with threaded discussions directly on the UI. Resolve, assign, and never lose track of feedback.

  • Real-time Updates
  • Thread Resolution
  • Mention Support
  • Slack Integration (Coming Soon)
A
Alex2m ago

Should we increase the padding on this button?

S
Sarahjust now

Agreed. Let's double it.

Reply...

Start annotating today

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

View pricing