Live Demo
Component Details
- 3 Editor ModesView (read-only), Comment-only, and full Edit mode — switchable at runtime with a single button.
- 10+ Annotation ToolsRectangle, Ellipse, Arrow, Line, Freehand, Highlighter, Text, Callout, Cross Mark, Check Mark.
- Engineering StampsAPPROVED, REJECTED, FOR REVIEW, DRAFT, VOID, HOLD, REVISED, AS BUILT — with color-coded styling.
- Revision CloudStandard engineering revision cloud drawn from a drag selection, essential for drawing markups.
- Dimension LineAuto-computed tick + label dimension line for measuring distances on drawings.
- AI Assistant (Claude)Chat with the PDF, summarize pages, translate content, and run an engineering drawing checklist.
- Spell & Grammar CheckCheck annotation comments for errors with one click — corrections applied automatically.
- Annotation CategoriesTag every annotation: Note, Safety, Design, Dimension, Quality, Question, Action, Reference.
- Undo / RedoFull history stack (Ctrl+Z / Ctrl+Y) for all canvas changes.
- Keyboard ShortcutsDelete, Escape, Arrow nudge, Ctrl+Z/Y — all wired up out of the box.
- Feature TogglesTurn any tool group on or off at runtime via the ⚙️ panel or the
featuresconfig option. - Export CSV ReportOne-click export of all annotations to a structured CSV file.
- Export PDFFlattened annotated PDF export with comment labels baked in beside each annotation.
- Comment Search & FilterSearch through all comments instantly from the side panel.
- Opacity ControlPer-tool opacity slider for all annotation types.
- Light / Dark ThemeFull CSS-variable theming, inherits from your app's design system.