React Paint

React Paint is a powerful React extension built on top of Fabric.js, designed to enhance canvas manipulation and drawing capabilities. It provides custom hooks like useFabricCanvas and useCanvasHistory, exposing features such as redo/undo functionality. The project includes a comprehensive component that offers various tools like brushes, icons, and more, making it ideal for AI-driven projects involving in-painting and image-to-image transformations.

GitHub Repository · Live Demo

Key Features:

• Built with Next.js 14.
• useCanvasHistory hook for undo/redo
• useFabricCanvas hook for setting up the canvas easily & quickly
• Global size/color settings rather than default per-tool settings
• Eraser that works properly on svgs and images, staying erased when objects are moved, scaled and adjusted.
• Variety of drawing tools and icons
• Designed for integration with AI-powered image processing