excalidraw

Optimize Excalidraw performance for large drawings with batch mutations scene.mapElements and requestAnimationFrame. Keep Excalidraw responsive with thousands of elements.

Debug Excalidraw collaboration and rendering issues by tracing WebSocket payloads, verifying Firebase cache, and monitoring renderers. Solve problems with this complete guide.

Learn to use Excalidraw collaboration features with the CollabAPI, SocketId, and Collaborator objects. Enable real-time co-editing easily.

Discover how Excalidraw manages FreeDraw, Text, and Image elements. Learn about its JSON structure, base interfaces, and runtime type guards for efficient rendering and creation.

Explore the core Excalidraw packages like @excalidraw/common, @excalidraw/element, and @excalidraw/math. Understand their architecture and purpose for building custom solutions.

Unlock Excalidraw's PWA features for seamless offline access. Configure the service worker to cache assets and work anywhere with this quick guide.

Learn how Excalidraw achieves local-first support and autosave to browser storage using localStorage and IndexedDB for seamless offline functionality and zero data loss.

Implement zoom and pan for Excalidraw canvas using getStateForZoom and update scroll values. The hand tool facilitates drag panning for interactive canvas control.

Explore how Excalidraw implements arrow binding and labeling. Understand the technical details offixedpointbindings and text element rendering within the Excalidraw repository.

Learn how to add custom shapes or extend element types in Excalidraw. Extend ExcalidrawElement, register your shape, and implement rendering for custom drawings.

Customize Excalidraw hand-drawn style by adjusting roughness stroke style fill and edge roundness using the AppState API or UI controls for unique visuals.

Implement undo and redo in Excalidraw using a stack-based history manager. Record changes with history record and trigger actions with createUndoAction and createRedoAction.