Independent Open-Source Contributor
Excalidraw
Complex canvas interactions for a widely used open-source whiteboard, including cursor-centered zoom, Figma-like resizing, selection, and element binding.
Excalidraw canvas overview. 1 / 5
Project context
Excalidraw is an open-source virtual whiteboard for sketching hand-drawn-like diagrams. It is collaborative and end-to-end encrypted.
I independently delivered eight merged contributions to its React and TypeScript codebase, working through canvas geometry, coordinate transformations, collision detection, and interaction edge cases.
The work included cursor-centered zoom, Figma-like resizing behavior, selection improvements, and element binding fixes. Each contribution is public and attributable through the project’s GitHub history.
My contribution
- Shipped cursor-centered zoom across the canvas coordinate system.
- Reworked resizing for rectangles, diamonds, ellipses, and multi-point elements to behave consistently with tools such as Figma.
- Improved selection and collision logic for single and multiple elements.
- Fixed arrow binding and movement behavior.