CanvasX
ReactTypeScriptViteRoughJSZustandTailwind CSSLucide ReactHTML5 Canvas

CanvasX is a modern browser-based vector drawing tool inspired by Excalidraw. Built with React and TypeScript, it leverages RoughJS to generate beautiful sketch-like, hand-drawn styles. Users can draw freehand brush strokes, add text annotations, erase elements, and insert standard geometric shapes (rectangles, ellipses, arrows, and lines). Zustand is utilized for robust client-side state management, and custom React hotkeys ensure a professional user experience.