{"_id":"@delove/reaflow","_rev":"8-7fd44f792f074979648ed905062f9eab","name":"@delove/reaflow","dist-tags":{"latest":"5.4.1"},"versions":{"5.3.1":{"name":"@delove/reaflow","version":"5.3.1","keywords":["react","reactjs","workflow","node-editor","diagrams","elkjs"],"license":"Apache-2.0","_id":"@delove/reaflow@5.3.1","maintainers":[{"name":"delove","email":"tweetyho1234@gmail.com"}],"contributors":[{"url":"https://github.com/determinationlove/","email":"tweetyho1234@gmail.com"}],"homepage":"https://github.com/reaviz/reaflow#readme","bugs":{"url":"https://github.com/reaviz/reaflow/issues"},"dist":{"shasum":"cfa25a6940ad11ffcf1a369a6ab630a9a799af9e","tarball":"https://registry.npmjs.org/@delove/reaflow/-/reaflow-5.3.1.tgz","fileCount":3,"integrity":"sha512-fBmIzv4LOSyEmg2HKP3tpLOg8FGrxON+HRciRrOCeHco2tXUFgB99ss0QloITb58xaTWHL4EWqyzThFaCQ5LnQ==","signatures":[{"sig":"MEUCIEelldzYqQYJbl7LDpV07PWWK7R9Qaob0iLO0v11LD2tAiEA0ImF1egSn+6VBaJaKPeF1buU6A/HjPSp93Qw5olAiwU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18441},"main":"./dist/index.umd.cjs","type":"module","husky":{"hooks":{"pre-commit":"lint-staged"}},"types":"dist/index.d.ts","module":"./dist/index.js","source":"src/index.ts","browser":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"c7db1edfde11cac1704850bfc8881531bb414272","scripts":{"lint":"eslint --ext js,ts,tsx","test":"vitest --passWithNoTests","build":"vite build --mode library","start":"storybook dev -p 9009","prepare":"husky install","lint:fix":"eslint --ext js,ts,tsx --fix src","prettier":"prettier --loglevel warn --write 'src/**/*.{ts,tsx,js,jsx}'","build:watch":"vite build --watch --mode library","build-storybook":"storybook build"},"typings":"dist/index.d.ts","_npmUser":{"name":"delove","email":"tweetyho1234@gmail.com"},"repository":{"url":"git+https://github.com/reaviz/reaflow.git","type":"git"},"_npmVersion":"10.8.1","description":"Node-based Visualizations for React","directories":{},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --ext js,ts,tsx --fix"],"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}":["prettier --write","git add"]},"_nodeVersion":"20.14.0","dependencies":{"antd":"^5.22.0","elkjs":"^0.8.2","undoo":"^0.5.0","reakeys":"^2.0.3","d3-shape":"^3.0.1","ellipsize":"^0.2.0","reablocks":"^8.0.3","classnames":"^2.3.2","kld-affine":"^2.1.1","p-cancelable":"^3.0.0","framer-motion":"^11.0.6","calculate-size":"^1.1.1","kld-intersections":"^0.7.0","react-use-gesture":"^8.0.1","react-fast-compare":"^3.2.2","react-cool-dimensions":"^2.0.7","@juggle/resize-observer":"^3.4.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.7","husky":"^9.0.11","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^0.33.0","prettier":"^3.2.5","chromatic":"6.20.0","react-dom":"^18.2.0","storybook":"^7.6.17","typescript":"^4.9.5","lint-staged":"^15.2.2","@types/react":"^18.2.60","autoprefixer":"^10.4.14","postcss-nested":"^6.0.1","@types/d3-shape":"^3.1.1","vite-plugin-dts":"^3.3.1","@storybook/react":"^7.6.17","@types/react-dom":"^18.2.19","vite-plugin-svgr":"^3.2.0","@storybook/addons":"^7.6.17","@types/classnames":"^2.3.1","@storybook/theming":"^7.6.17","postcss-preset-env":"^9.4.0","eslint-plugin-react":"^7.33.2","vite-plugin-checker":"^0.6.1","vite-tsconfig-paths":"^4.2.0","@vitejs/plugin-react":"^4.0.3","@storybook/addon-docs":"^7.6.17","@storybook/react-vite":"^7.6.17","@testing-library/react":"^14.0.0","eslint-config-prettier":"^9.1.0","eslint-plugin-storybook":"^0.8.0","@storybook/addon-mdx-gfm":"^7.6.17","@typescript-eslint/parser":"^7.1.0","eslint-plugin-react-hooks":"^4.6.0","@storybook/addon-essentials":"^7.6.17","@storybook/addon-storysource":"^7.6.17","vite-plugin-css-injected-by-js":"^3.2.1","@typescript-eslint/eslint-plugin":"^7.1.0","rollup-plugin-peer-deps-external":"2.2.4"},"peerDependencies":{"react":">=16","react-dom":">=16"},"_npmOperationalInternal":{"tmp":"tmp/reaflow_5.3.1_1731654648601_0.13640652354656435","host":"s3://npm-registry-packages"}},"5.3.2":{"name":"@delove/reaflow","version":"5.3.2","keywords":["react","reactjs","workflow","node-editor","diagrams","elkjs"],"license":"Apache-2.0","_id":"@delove/reaflow@5.3.2","maintainers":[{"name":"delove","email":"tweetyho1234@gmail.com"}],"contributors":[{"url":"https://github.com/determinationlove/","email":"tweetyho1234@gmail.com"}],"homepage":"https://github.com/reaviz/reaflow#readme","bugs":{"url":"https://github.com/reaviz/reaflow/issues"},"dist":{"shasum":"8cf63ca04d3c2a42ba7e46f0c48edaf6b5d4cd25","tarball":"https://registry.npmjs.org/@delove/reaflow/-/reaflow-5.3.2.tgz","fileCount":48,"integrity":"sha512-LaJKoaYgULvESOM38wVqnGnq89IenZU0wCxZ8XrstDeqAaaDsJSzdehWu+cSgsIQCwAuk29VgFYZb9fRXjkFnA==","signatures":[{"sig":"MEQCIA8C4nU2HFzzhjOjewh5qaNaN6YMqxRW3L/Bk+wqvvOXAiBA64AQHLNjmBBFPF8fPDj9ys+6ZYFF4ohMo+1uCydm7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":591864},"main":"./dist/index.umd.cjs","type":"module","husky":{"hooks":{"pre-commit":"lint-staged"}},"types":"dist/index.d.ts","module":"./dist/index.js","source":"src/index.ts","browser":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"c7db1edfde11cac1704850bfc8881531bb414272","scripts":{"lint":"eslint --ext js,ts,tsx","test":"vitest --passWithNoTests","build":"vite build --mode library","start":"storybook dev -p 9009","prepare":"husky install","lint:fix":"eslint --ext js,ts,tsx --fix src","prettier":"prettier --loglevel warn --write 'src/**/*.{ts,tsx,js,jsx}'","build:watch":"vite build --watch --mode library","build-storybook":"storybook build"},"typings":"dist/index.d.ts","_npmUser":{"name":"delove","email":"tweetyho1234@gmail.com"},"repository":{"url":"git+https://github.com/reaviz/reaflow.git","type":"git"},"_npmVersion":"10.8.1","description":"Node-based Visualizations for React","directories":{},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --ext js,ts,tsx --fix"],"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}":["prettier --write","git add"]},"_nodeVersion":"20.14.0","dependencies":{"antd":"^5.22.0","elkjs":"^0.8.2","undoo":"^0.5.0","reakeys":"^2.0.3","d3-shape":"^3.0.1","ellipsize":"^0.2.0","reablocks":"^8.0.3","classnames":"^2.3.2","kld-affine":"^2.1.1","p-cancelable":"^3.0.0","framer-motion":"^11.0.6","calculate-size":"^1.1.1","kld-intersections":"^0.7.0","react-use-gesture":"^8.0.1","react-fast-compare":"^3.2.2","react-cool-dimensions":"^2.0.7","@juggle/resize-observer":"^3.4.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.7","husky":"^9.0.11","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^0.33.0","prettier":"^3.2.5","chromatic":"6.20.0","react-dom":"^18.2.0","storybook":"^7.6.17","typescript":"^4.9.5","lint-staged":"^15.2.2","@types/react":"^18.2.60","autoprefixer":"^10.4.14","postcss-nested":"^6.0.1","@types/d3-shape":"^3.1.1","vite-plugin-dts":"^3.3.1","@storybook/react":"^7.6.17","@types/react-dom":"^18.2.19","vite-plugin-svgr":"^3.2.0","@storybook/addons":"^7.6.17","@types/classnames":"^2.3.1","@storybook/theming":"^7.6.17","postcss-preset-env":"^9.4.0","eslint-plugin-react":"^7.33.2","vite-plugin-checker":"^0.6.1","vite-tsconfig-paths":"^4.2.0","@vitejs/plugin-react":"^4.0.3","@storybook/addon-docs":"^7.6.17","@storybook/react-vite":"^7.6.17","@testing-library/react":"^14.0.0","eslint-config-prettier":"^9.1.0","eslint-plugin-storybook":"^0.8.0","@storybook/addon-mdx-gfm":"^7.6.17","@typescript-eslint/parser":"^7.1.0","eslint-plugin-react-hooks":"^4.6.0","@storybook/addon-essentials":"^7.6.17","@storybook/addon-storysource":"^7.6.17","vite-plugin-css-injected-by-js":"^3.2.1","@typescript-eslint/eslint-plugin":"^7.1.0","rollup-plugin-peer-deps-external":"2.2.4"},"peerDependencies":{"react":">=16","react-dom":">=16"},"_npmOperationalInternal":{"tmp":"tmp/reaflow_5.3.2_1731655415310_0.7062422524545588","host":"s3://npm-registry-packages"}},"5.3.4":{"name":"@delove/reaflow","version":"5.3.4","keywords":["react","reactjs","workflow","node-editor","diagrams","elkjs"],"license":"Apache-2.0","_id":"@delove/reaflow@5.3.4","maintainers":[{"name":"delove","email":"tweetyho1234@gmail.com"}],"homepage":"https://github.com/reaviz/reaflow#readme","bugs":{"url":"https://github.com/reaviz/reaflow/issues"},"dist":{"shasum":"4f7c09b0ce3f5a73d5d0f5f829b18592abe47044","tarball":"https://registry.npmjs.org/@delove/reaflow/-/reaflow-5.3.4.tgz","fileCount":48,"integrity":"sha512-Eu8U4uxSSpPXXeJXX/lCbjZHf6LvyzmEdVPLTZjEdlHcozCalj8oaRlrHlOT+Qpc17bUQEC4BV3vARrbkPmvOg==","signatures":[{"sig":"MEUCICRkDlVzy3ZVMnUdbX5sAousgMOqYQgdQ0jinghLibKMAiEA+lsTTOv5Kk3+kSVxikgu2gmqzkSdNpi64uXcoaXTTO0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":569457},"main":"./dist/index.umd.cjs","type":"module","husky":{"hooks":{"pre-commit":"lint-staged"}},"types":"dist/index.d.ts","module":"./dist/index.js","source":"src/index.ts","browser":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"517cb9a38cde1ed756a5efe1086ebbb19b1c3a28","scripts":{"lint":"eslint --ext js,ts,tsx","test":"vitest --passWithNoTests","build":"vite build --mode library","start":"storybook dev -p 9009","prepare":"husky install","lint:fix":"eslint --ext js,ts,tsx --fix src","prettier":"prettier --loglevel warn --write 'src/**/*.{ts,tsx,js,jsx}'","build:watch":"vite build --watch --mode library","build-storybook":"storybook build"},"typings":"dist/index.d.ts","_npmUser":{"name":"delove","email":"tweetyho1234@gmail.com"},"repository":{"url":"git+https://github.com/reaviz/reaflow.git","type":"git"},"_npmVersion":"10.2.4","description":"Node-based Visualizations for React","directories":{},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --ext js,ts,tsx --fix"],"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}":["prettier --write","git add"]},"_nodeVersion":"21.6.2","dependencies":{"elkjs":"^0.8.2","undoo":"^0.5.0","motion":"^11.18.0","reakeys":"^2.0.5","d3-shape":"^3.0.1","ellipsize":"^0.2.0","reablocks":"^8.7.6","classnames":"^2.3.2","kld-affine":"^2.1.1","p-cancelable":"^3.0.0","calculate-size":"^1.1.1","kld-intersections":"^0.7.0","react-use-gesture":"^8.0.1","react-fast-compare":"^3.2.2","react-cool-dimensions":"^2.0.7","@juggle/resize-observer":"^3.4.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.7","husky":"^9.0.11","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^0.33.0","prettier":"^3.2.5","chromatic":"6.20.0","react-dom":"^18.2.0","storybook":"^7.6.17","typescript":"^4.9.5","lint-staged":"^15.2.2","@types/react":"^18.2.60","autoprefixer":"^10.4.14","postcss-nested":"^6.0.1","@types/d3-shape":"^3.1.1","vite-plugin-dts":"^3.3.1","@storybook/react":"^7.6.17","@types/react-dom":"^18.2.19","vite-plugin-svgr":"^3.2.0","@storybook/addons":"^7.6.17","@types/classnames":"^2.3.1","@storybook/theming":"^7.6.17","postcss-preset-env":"^9.4.0","eslint-plugin-react":"^7.33.2","vite-plugin-checker":"^0.6.1","vite-tsconfig-paths":"^4.2.0","@vitejs/plugin-react":"^4.0.3","@storybook/addon-docs":"^7.6.17","@storybook/react-vite":"^7.6.17","@testing-library/react":"^14.0.0","eslint-config-prettier":"^9.1.0","eslint-plugin-storybook":"^0.8.0","@storybook/addon-mdx-gfm":"^7.6.17","@typescript-eslint/parser":"^7.1.0","eslint-plugin-react-hooks":"^4.6.0","@storybook/addon-essentials":"^7.6.17","@storybook/addon-storysource":"^7.6.17","vite-plugin-css-injected-by-js":"^3.2.1","@typescript-eslint/eslint-plugin":"^7.1.0","rollup-plugin-peer-deps-external":"2.2.4"},"peerDependencies":{"react":">=16","react-dom":">=16"},"_npmOperationalInternal":{"tmp":"tmp/reaflow_5.3.4_1739246397143_0.6683908426131151","host":"s3://npm-registry-packages-npm-production"}},"5.4.1":{"name":"@delove/reaflow","version":"5.4.1","description":"Node-based Visualizations for React","scripts":{"build":"vite build --mode library","build:watch":"vite build --watch --mode library","build-storybook":"storybook build","prettier":"prettier --loglevel warn --write 'src/**/*.{ts,tsx,js,jsx}'","lint":"eslint --ext js,ts,tsx","lint:fix":"eslint --ext js,ts,tsx --fix src","start":"storybook dev -p 9009","test":"vitest --passWithNoTests","prepare":"husky install"},"type":"module","types":"dist/index.d.ts","main":"./dist/index.umd.cjs","module":"./dist/index.js","source":"src/index.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.umd.cjs","types":"./dist/index.d.ts"}},"browser":"dist/index.js","typings":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/reaviz/reaflow.git"},"keywords":["react","reactjs","workflow","node-editor","diagrams","elkjs"],"license":"Apache-2.0","bugs":{"url":"https://github.com/reaviz/reaflow/issues"},"homepage":"https://github.com/reaviz/reaflow#readme","dependencies":{"@juggle/resize-observer":"^3.4.0","calculate-size":"^1.1.1","classnames":"^2.3.2","d3-shape":"^3.0.1","elkjs":"^0.10.0","ellipsize":"^0.2.0","kld-affine":"^2.1.1","kld-intersections":"^0.7.0","motion":"^12.4.2","p-cancelable":"^3.0.0","reablocks":"^8.7.6","react-cool-dimensions":"^2.0.7","react-fast-compare":"^3.2.2","react-use-gesture":"^8.0.1","reakeys":"^2.0.5","undoo":"^0.5.0","web-worker":"^1.5.0"},"peerDependencies":{"react":">=16","react-dom":">=16"},"devDependencies":{"@storybook/addon-docs":"^7.6.17","@storybook/addon-essentials":"^7.6.17","@storybook/addon-mdx-gfm":"^7.6.17","@storybook/addon-storysource":"^7.6.17","@storybook/addons":"^7.6.17","@storybook/react":"^7.6.17","@storybook/react-vite":"^7.6.17","@storybook/theming":"^7.6.17","@testing-library/react":"^14.0.0","@types/classnames":"^2.3.1","@types/d3-shape":"^3.1.1","@types/react":"^18.2.60","@types/react-dom":"^18.2.19","@typescript-eslint/eslint-plugin":"^7.1.0","@typescript-eslint/parser":"^7.1.0","@vitejs/plugin-react":"^4.0.3","autoprefixer":"^10.4.14","chromatic":"6.20.0","eslint":"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-storybook":"^0.8.0","husky":"^9.0.11","jsdom":"^24.0.0","lint-staged":"^15.2.2","postcss-nested":"^6.0.1","postcss-preset-env":"^9.4.0","prettier":"^3.2.5","react":"^18.2.0","react-dom":"^18.2.0","rollup-plugin-peer-deps-external":"2.2.4","storybook":"^7.6.17","typescript":"^4.9.5","vite":"^4.4.7","vite-plugin-checker":"^0.6.1","vite-plugin-css-injected-by-js":"^3.2.1","vite-plugin-dts":"^3.3.1","vite-plugin-svgr":"^3.2.0","vite-tsconfig-paths":"^4.2.0","vitest":"^0.33.0"},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --ext js,ts,tsx --fix"],"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}":["prettier --write","git add"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"_id":"@delove/reaflow@5.4.1","gitHead":"bce969cb8ad61e942a1791ca6e2cb4fe09e1a5a5","_nodeVersion":"21.6.2","_npmVersion":"10.2.4","dist":{"integrity":"sha512-gJ5bnW+DkQk0eHHmzcpsqF+/y5p2Emc+7IoYQRlB6san78qq8UmfBSNpp2YsbW7e5ueV6Ap+BRmygh9ju2Zmgw==","shasum":"66d1b0672e31fe771062a86bc5558e8955b97011","tarball":"https://registry.npmjs.org/@delove/reaflow/-/reaflow-5.4.1.tgz","fileCount":48,"unpackedSize":569485,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEvf41PUM5NeenbNRLrCQ/FFeUmwtlM0fUXGfw3uv4o3AiAsG7R23hL5SrxCK6Qmyf4dTvrHTrigMI/mpQmeJHxkGw=="}]},"_npmUser":{"name":"delove","email":"tweetyho1234@gmail.com"},"directories":{},"maintainers":[{"name":"delove","email":"tweetyho1234@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/reaflow_5.4.1_1754292233281_0.729509909907939"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-15T07:10:48.500Z","modified":"2025-08-04T07:23:53.636Z","5.3.1":"2024-11-15T07:10:48.754Z","5.3.2":"2024-11-15T07:23:35.624Z","5.3.5":"2025-02-10T09:23:25.324Z","5.3.3":"2025-02-11T03:50:15.092Z","5.3.4":"2025-02-11T03:59:57.352Z","5.4.1":"2025-08-04T07:23:53.459Z"},"bugs":{"url":"https://github.com/reaviz/reaflow/issues"},"license":"Apache-2.0","homepage":"https://github.com/reaviz/reaflow#readme","keywords":["react","reactjs","workflow","node-editor","diagrams","elkjs"],"repository":{"type":"git","url":"git+https://github.com/reaviz/reaflow.git"},"description":"Node-based Visualizations for React","maintainers":[{"name":"delove","email":"tweetyho1234@gmail.com"}],"readme":"<div align=\"center\">\n  <img width=\"650\" src=\"docs/assets/logo-light.png\">\n  <br />\n  Node-based Visualizations for React\n  <br /><br />\n  <a href=\"https://github.com/reaviz/reaflow/workflows/build/\">\n    <img src=\"https://github.com/reaviz/reaflow/workflows/build/badge.svg?branch=master\" />\n  </a>\n  <a href=\"https://npm.im/reaflow\">\n    <img src=\"https://img.shields.io/npm/v/reaflow.svg\" />\n  </a>\n  <a href=\"https://npm.im/reaflow\">\n    <img src=\"https://badgen.net/npm/dw/reaflow\" />\n  </a>\n  <a href=\"https://github.com/reaviz/reaflow/blob/master/LICENSE\">\n    <img src=\"https://badgen.now.sh/badge/license/apache2\" />\n  </a>\n  <a href=\"https://discord.gg/tt8wGExq35\">\n    <img src=\"https://img.shields.io/discord/773948315037073409?label=discord\">\n  </a>\n  <a href=\"https://opencollective.com/reaviz\">\n    <img alt=\"Open Collective backers and sponsors\" src=\"https://img.shields.io/opencollective/all/reaviz?label=backers\">\n  </a>\n</div>\n\n---\n\nREAFLOW is a modular diagram engine for building static or interactive editors. The library is feature-rich and modular allowing for displaying complex visualizations with total customizability.\n\n## 🚀 Quick Links\n\n- Checkout the [**docs and demos**](https://reaflow.dev)\n- Learn about updates from the [Changelog](CHANGELOG.md)\n\n## 💎 Other Projects\n\n- [Reagraph](https://reagraph.dev?utm=reaflow) - Open-source library for large webgl based network graphs.\n- [Reablocks](https://reablocks.dev?utm=reaflow) - Open-source component library for React based on Tailwind.\n- [Reaviz](https://reaviz.dev?utm=reaflow) - Open-source library for data visulizations for React. \n- [Reachat](https://reachat.dev?utm=reaflow) - Open-source library for building LLM/Chat UIs for React.\n- \n## ✨ Features\n\n- Complex automatic layout leveraging ELKJS\n- Easy Node/Edge/Port customizations\n- Zooming / Panning / Centering controls\n- Drag and drop Node/Port connecting and rearranging\n- Nesting of Nodes/Edges\n- Proximity based Node linking helper\n- Node/Edge selection helper\n- Undo/Redo helper\n\n## 📦 Usage\n\nInstall the package via **NPM**:\n\n```\nnpm i reaflow --save\n```\n\nInstall the package via **Yarn**:\n\n```\nyarn add reaflow\n```\n\nImport the component into your app and add some nodes and edges:\n\n```jsx\nimport React from 'react';\nimport { Canvas } from 'reaflow';\n\nexport default () => (\n  <Canvas\n    maxWidth={800}\n    maxHeight={600}\n    nodes={[\n      {\n        id: '1',\n        text: '1'\n      },\n      {\n        id: '2',\n        text: '2'\n      }\n    ]}\n    edges={[\n      {\n        id: '1-2',\n        from: '1',\n        to: '2'\n      }\n    ]}\n  />\n);\n```\n\n## 🔭 Development\n\nIf you want to run reaflow locally, its super easy!\n\n- Clone the repo\n- `npm i`\n- `npm start`\n- Browser opens to Storybook page\n\n## ❤️ Contributors\n\nThanks to all our contributors!\n\n<a href=\"https://github.com/reaviz/reaviz/graphs/contributors\"><img src=\"https://opencollective.com/reaviz/contributors.svg?width=890\" /></a>\n","readmeFilename":"README.md"}