VikCraft 3D Annotator

An interactive 3D viewer built with Three.js. Load, inspect, annotate, and measure complex models directly in the browser, with a full toolset for engineering intelligence.

View on GitHub โ†’ View Details โ†“

Live Demo

Component Details

  • 7 Annotation ToolsPin, Arrow, Callout, Measure, Text Label, Stamp, and Cloud Region โ€” all with CSS2D labels that track in 3D space.
  • Advanced 3D ViewerHigh-performance WebGL rendering with post-processing (OutlinePass), shadow maps, and ambient occlusion.
  • Model ExplorerBrowse the full scene hierarchy tree. Select and highlight any mesh with a single click.
  • Measurement ToolPrecisely measure distances in metric or imperial. Live preview line follows your cursor before committing.
  • Undo / RedoFull 50-step undo/redo stack (Ctrl+Z / Ctrl+Y). State snapshots include all annotation data.
  • Stamp SystemApply APPROVED / REJECTED / FOR REVIEW / DRAFT / VOID / REVISED stamps onto the model surface.
  • Transform ControlsMove, rotate, and scale the entire model with standard gizmos.
  • View ModesSwitch between Default, Wireframe, and X-Ray. Front/Top/Right/ISO/Fit camera presets.
  • AI AssistantSummarize annotations, find missing engineering issues, review comment quality, get AI-suggested comments.
  • Drag & Drop LoadingDrop any GLB or GLTF file directly onto the viewer โ€” no file picker needed.
  • JSON ExportDownload all annotations as structured JSON for storage or CI pipelines.
  • API-DrivenCallbacks for onAnnotationAdded, onAnnotationUpdated, onAnnotationDeleted, and onModelLoaded.