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 element, ensuring comments stay put even when content reflows.

div.hero

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 environment.

  • 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"

Collaboration

Keep your team in sync with threaded discussions directly on the UI.

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

Should we increase the padding on this button?

Sarahjust now

Agreed. Let's double it.

Start annotating today

Features | Annot8