FabricJS Design Tool

FabricJS Design Tool

Comprehensive, modern design tool built with Fabric.js and React

Ready for Production Use

Framework-agnostic core • React UI components • TypeScript support • Zero vulnerabilities

🚀 Try Live Demo 📦 NPM Package

🌟 Interactive Demo

Experience the full design tool with all features enabled

Launch Demo

📚 Documentation

🚀 Getting Started

Installation, setup, and basic usage guide to get you up and running quickly.

Read Guide →

🎨 Core API Reference

Framework-agnostic API documentation for canvas management and shape creation.

View API →

⚛️ React Components

Pre-built React UI components for rapid development.

Explore Components →

🎨 Customization

Theming, custom shapes, and extending the design tool.

Learn More →

🤝 Contributors Guide

Complete development setup, available commands, and contribution workflow.

Start Contributing →

🔧 Troubleshooting

Common issues and solutions to help you resolve problems quickly.

Get Help →

🚀 Quick Install

npm install @rifrocket/fabricjs-design-tool

Basic Usage:

import { ShapeFactory } from '@rifrocket/fabricjs-design-tool';
import { Header, CanvasWrapper } from '@rifrocket/fabricjs-design-tool/ui';