SharpDraft

A high-performance 2D graphics engine for the browser.

SharpDraft is a GPU-accelerated 2D vector graphics engine built on WebGL2. It renders rectangles, ellipses, polygons, Bézier curves, text, and gradients at 60 FPS even with hundreds of thousands of shapes on screen. Designed for CAD editors, diagramming tools, and whiteboard-style applications, it focuses on the kind of rendering workloads where the standard HTML5 Canvas starts to break down.

Geometry is streamed through a builder API, tessellated, packed into GPU texture atlases, and rendered using a single instanced draw call per layer. The engine includes a camera system with pan, zoom, and fit-to-bounds support, quadtree-accelerated hit testing, and a level-of-detail pipeline that replaces complex curves with lightweight quads at small scales. Together these techniques keep frame rates high well past the point where most engines start to struggle.