{"adoption": {"forks": 450, "observed_at": "2026-08-28T04:05:25.061970+00:00", "stars": 1707}, "canonical_url": "https://ross.abutalabs.com/products/react-design-editor", "card": {"archived": false, "artifact_type": "library", "description": "React Design Editor has started to developed direct manipulation of editable design tools like Powerpoint, We've developed it with reactjs, ant.design, fabricjs ", "domain": ["web-development", "frontend", "graphics", "developer-tools"], "enriched": true, "function": ["ui-components", "image-processing", "graphics", "editor", "animation", "file-upload", "workflow-automation"], "health_score": 100, "homepage": "https://salgum1114.github.io/react-design-editor/", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["salgum1114/react-design-editor"], "name": "salgum1114/react-design-editor", "platform": ["cross-platform"], "pushed_at": "2026-08-25T03:51:50+00:00", "repo": "salgum1114/react-design-editor", "stars": 1707, "tags": ["canvas-editor", "fabricjs", "ant-design", "design-tool", "image-editor", "workflow-editor", "diagram-editor", "powerpoint-like", "react-component", "web-server", "nodejs"], "topics": ["fabricjs", "reactjs", "antd", "ant-design", "canvas", "editor", "webpack4", "mediaelementjs", "javascript", "es6", "react-ace", "imagemap", "workflow", "fontawesome5", "animejs"], "urls": [], "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"], "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.", "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"], "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"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/react-design-editor", "repo": "salgum1114/react-design-editor", "role": "main", "score": 99}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:05:25.061970+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T03:37:27.731615+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cf49776dd30ced4ee37ce110995bec11a29e0d34c26cd2f0d93670a0754b00c4", "fetched_at": "2026-08-28T04:05:25.061970+00:00", "kind": "readme", "missing": false, "url": "https://github.com/salgum1114/react-design-editor"}, {"content_hash": "ddd73bc56d3fe17dbf00bfbfb614dcaa0aa9278334647663fd106dc3597957b9", "fetched_at": "2026-08-29T11:11:52.788614+00:00", "kind": "homepage", "missing": false, "url": "https://salgum1114.github.io/react-design-editor/"}, {"content_hash": "c9c0cdf0ec3d6661b1f767cd2d0150ccfb73529aaa8e8d661b964bd2d35ecf5b", "fetched_at": "2026-08-29T11:11:52.791303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-design-editor"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 99, "longevity": 100, "rhythm": 99}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 2991, "days_push": 8, "days_rel": 8, "gap_med": 1, "n_releases_24m": 6}, "score": 99, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}