{"id":13640688,"url":"https://github.com/bpmn-io/react-bpmn","last_synced_at":"2025-05-15T13:06:33.723Z","repository":{"id":45266354,"uuid":"177992021","full_name":"bpmn-io/react-bpmn","owner":"bpmn-io","description":"Display BPMN 2.0 diagrams in React.","archived":false,"fork":false,"pushed_at":"2024-12-16T08:34:15.000Z","size":565,"stargazers_count":204,"open_issues_count":0,"forks_count":67,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-04-15T02:08:32.320Z","etag":null,"topics":["bpmn","bpmn-js","react"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bpmn-io.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-27T12:39:54.000Z","updated_at":"2025-04-07T13:34:12.000Z","dependencies_parsed_at":"2024-12-07T01:01:53.453Z","dependency_job_id":"b3ac74af-9c6c-4c09-8734-e6c461054d26","html_url":"https://github.com/bpmn-io/react-bpmn","commit_stats":{"total_commits":47,"total_committers":8,"mean_commits":5.875,"dds":0.6170212765957447,"last_synced_commit":"7f858369d9ddebb9b0892c996957f7a7cf4ca036"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bpmn-io%2Freact-bpmn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bpmn-io%2Freact-bpmn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bpmn-io%2Freact-bpmn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bpmn-io%2Freact-bpmn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bpmn-io","download_url":"https://codeload.github.com/bpmn-io/react-bpmn/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254346624,"owners_count":22055808,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bpmn","bpmn-js","react"],"created_at":"2024-08-02T01:01:13.522Z","updated_at":"2025-05-15T13:06:28.709Z","avatar_url":"https://github.com/bpmn-io.png","language":"HTML","funding_links":[],"categories":["Integrations"],"sub_categories":[],"readme":"# react-bpmn\n\n[![CI](https://github.com/bpmn-io/react-bpmn/workflows/CI/badge.svg)](https://github.com/bpmn-io/react-bpmn/actions?query=workflow%3ACI)\n\nUse [bpmn-js](https://github.com/bpmn-io/bpmn-js) to display BPMN 2.0 diagrams in a [React](https://reactjs.org/) application.\n\n\n## Usage\n\n```javascript\nimport ReactBpmn from 'react-bpmn';\n\n\nfunction App(props) {\n\n  function onShown() {\n    console.log('diagram shown');\n  }\n\n  function onLoading() {\n    console.log('diagram loading');\n  }\n\n  function onError(err) {\n    console.log('failed to show diagram');\n  }\n\n  return (\n    \u003cReactBpmn\n      url=\"/public/diagram.bpmn\"\n      onShown={ onShown }\n      onLoading={ onLoading }\n      onError={ onError }\n    /\u003e\n  );\n}\n```\n\n## Development\n\nTo get the development setup make sure to have [NodeJS](https://nodejs.org/en/download/) installed.\nAs soon as you are set up, clone the project and execute\n\n```\nnpm install\nnpm run all\n```\n\n## Example\n\nTo run the example, execute `npm run start` and open http://localhost:9869/public in your Webbrowser.\n\n## Resources\n\n* [Issues](https://github.com/bpmn-io/react-bpmn/issues)\n* [Example](./example)\n\n\n## License\n\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbpmn-io%2Freact-bpmn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbpmn-io%2Freact-bpmn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbpmn-io%2Freact-bpmn/lists"}