# salgum1114/react-design-editor

React Design Editor has started to developed direct manipulation of editable design tools like Powerpoint, We've developed it with reactjs, ant.design, fabricjs

Repository: https://github.com/salgum1114/react-design-editor
Canonical: https://ross.abutalabs.com/products/react-design-editor
Homepage: https://salgum1114.github.io/react-design-editor/
Language: TypeScript
License: MIT
License Family: permissive
Topics: fabricjs, reactjs, antd, ant-design, canvas, editor, webpack4, mediaelementjs, javascript, es6, react-ace, imagemap, workflow, fontawesome5, animejs
Last push: 2026-08-25T03:51:50+00:00

## Health v2 (maintenance only)
Score: 99/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 99, longevity 100
- inputs: {"age_days": 2991, "days_push": 8, "days_rel": 8, "gap_med": 1, "n_releases_24m": 6}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1707, forks 450 (observed 2026-08-28T04:05:25.061970+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: ui-components, image-processing, graphics, editor, animation, file-upload, workflow-automation
- domain: web-development, frontend, graphics, developer-tools
- platform: cross-platform
- tags: canvas-editor, fabricjs, ant-design, design-tool, image-editor, workflow-editor, diagram-editor, powerpoint-like, react-component, web-server, nodejs

## Member repositories
- salgum1114/react-design-editor (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:25.061970+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:37:27.731615+00:00, confidence not recorded.
  - readme: https://github.com/salgum1114/react-design-editor (fetched 2026-08-28T04:05:25.061970+00:00, sha cf49776dd30c)
  - homepage: https://salgum1114.github.io/react-design-editor/ (fetched 2026-08-29T11:11:52.788614+00:00, sha ddd73bc56d3f)
  - registry_npm: https://registry.npmjs.org/react-design-editor (fetched 2026-08-29T11:11:52.791303+00:00, sha c9c0cdf0ec3d)
- Data as of 2026-08-30T08:39:29.467469+00:00.