salgum1114/react-design-editor

Health v2 · maintenance only

Adoption not part of the score

1707 stars · 450 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A React library providing a canvas-based design editor built on Fabric.js and Ant Design, supporting image editing, diagram composition, and business process workflow modeling with JSON import/export. It offers PowerPoint-style direct manipulation including drawing, cropping, animations, snapping, and workflow node connections.

Use cases

• build a PowerPoint-like image editor in React
• create a canvas editor for composing images and diagrams
• design flowcharts and BPM workflows with JSON export
• add drag-and-drop design editing to a web app
• let users crop, filter, and annotate images in the browser
• build a workflow builder with trigger and action nodes
• embed an editable canvas with undo/redo and snapping

When to choose

• you need a React-integrated canvas design editor with rich built-in features
• you want both image editing and workflow/BPM modeling in one component
• you prefer Ant Design styling and Fabric.js rendering
• you need JSON save/load of designs and workflows

When to avoid

• you need a lightweight or headless canvas library without a full editor UI
• your stack is not React
• you need production-grade collaborative multi-user editing
• you require mobile-native design tools

Facets

library · maturity active

ui-components image-processing graphics editor animation file-upload workflow-automation web-development frontend graphics developer-tools cross-platform canvas-editor fabricjs ant-design design-tool image-editor workflow-editor diagram-editor powerpoint-like react-component web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="salgum1114/react-design-editor")