react-fabric-canvas-designer/package.json

A React-based wrapper for Fabric.js to create interactive and customizable canvas-based designs. This library provides tools for drawing, editing, and managing objects on a canvas with React-friendly APIs.

{
  "name": "react-fabric-canvas-designer",
  "version": "1.0.0",
  "description": "A React-based wrapper for Fabric.js to create interactive and customizable canvas-based designs. This library provides tools for drawing, editing, and managing objects on a canvas with React-friendly APIs.",
  "main": "dist/index.js",
  "scripts": {
    "build": "npm run build:css && tsc",
    "dev": "concurrently \"tsc --watch\" \"npm run dev:css\"",
    "build:css": "tailwindcss -i ./src/index.css -o ./dist/index.css --minify",
    "dev:css": "tailwindcss -i ./src/index.css -o ./dist/index.css --watch",
    "test": "jest --coverage",
    "test:watch": "jest --watch"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/vmmoorthy/React-Fabric-Canvas-Designer.git"
  },
  "readme": "https://github.com/vmmoorthy/React-Fabric-Canvas-Designer/blob/main/readme.md",
  "keywords": [
    "react",
    "fabric",
    "fabricjs",
    "canvas",
    "react-canvas",
    "canvas-designer",
    "react-fabric",
    "drawing-tools",
    "vector-editor",
    "canvas-editor",
    "graphic-editor",
    "fabric-wrapper",
    "react-component",
    "design-tool",
    "google-fonts",
    "customizable-canvas",
    "fabric-canvas",
    "json-export",
    "json-import",
    "object-manipulation"
  ],
  "author": "VMMOORTHY <vmmoorthy25@gmail.com>",
  "license": "MIT",
  "dependencies": {
    "@uiw/react-color-chrome": "^2.5.0",
    "fabric": "^6.4.3",
    "mobx": "^6.13.7",
    "mobx-react-lite": "^4.1.0"
  },
  "devDependencies": {
    "@testing-library/jest-dom": "^6.6.3",
    "jest-environment-jsdom": "^29.7.0",
    "@testing-library/react": "^16.3.0",
    "@types/jest": "^29.0.0",
    "@types/react": "^19.0.2",
    "concurrently": "^9.1.2",
    "jest": "^29.0.0",
    "jest-canvas-mock": "^2.5.2",
    "tailwindcss": "^3.4.17",
    "ts-jest": "^29.0.0",
    "typescript": "^5.7.2"
  },
  "peerDependencies": {
    "react": " ^18.0.0 || ^19.0.0",
    "react-dom": " ^18.0.0 || ^19.0.0"
  }
}