{"id":13459106,"url":"https://github.com/bpmn-io/bpmn-js","last_synced_at":"2026-03-04T11:07:20.394Z","repository":{"id":14869115,"uuid":"17592572","full_name":"bpmn-io/bpmn-js","owner":"bpmn-io","description":"A BPMN 2.0 rendering toolkit and web modeler.","archived":false,"fork":false,"pushed_at":"2025-04-25T22:43:12.000Z","size":14636,"stargazers_count":8983,"open_issues_count":138,"forks_count":1371,"subscribers_count":225,"default_branch":"develop","last_synced_at":"2025-05-01T13:50:35.330Z","etag":null,"topics":["bpmn","bpmn-js","browser","hacktoberfest","javascript","modeler","toolkit"],"latest_commit_sha":null,"homepage":"https://bpmn.io/toolkit/bpmn-js/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","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":".github/CONTRIBUTING.md","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,"zenodo":null}},"created_at":"2014-03-10T12:57:00.000Z","updated_at":"2025-04-30T09:39:18.000Z","dependencies_parsed_at":"2024-03-18T10:02:58.434Z","dependency_job_id":"d48de20a-b3ec-4e59-8b8f-da660ec539f8","html_url":"https://github.com/bpmn-io/bpmn-js","commit_stats":{"total_commits":3008,"total_committers":70,"mean_commits":42.97142857142857,"dds":0.4268617021276596,"last_synced_commit":"e937bd9c035f9f10a4ff461f7902c8946fc66378"},"previous_names":[],"tags_count":372,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bpmn-io%2Fbpmn-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bpmn-io%2Fbpmn-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bpmn-io%2Fbpmn-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bpmn-io%2Fbpmn-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bpmn-io","download_url":"https://codeload.github.com/bpmn-io/bpmn-js/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253669191,"owners_count":21945062,"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","browser","hacktoberfest","javascript","modeler","toolkit"],"created_at":"2024-07-31T09:01:04.322Z","updated_at":"2026-03-04T11:07:20.383Z","avatar_url":"https://github.com/bpmn-io.png","language":"JavaScript","readme":"# bpmn-js - BPMN 2.0 for the web\n\n[![Build Status](https://github.com/bpmn-io/bpmn-js/workflows/CI/badge.svg)](https://github.com/bpmn-io/bpmn-js/actions?query=workflow%3ACI)\n\nView and edit BPMN 2.0 diagrams in the browser.\n\n[![bpmn-js screencast](./resources/screencast.gif \"bpmn-js in action\")](http://demo.bpmn.io/s/start)\n\n## Installation\n\nUse the library [pre-packaged](https://github.com/bpmn-io/bpmn-js-examples/tree/main/pre-packaged)\nor include it [via npm](https://github.com/bpmn-io/bpmn-js-examples/tree/main/bundling)\ninto your node-style web-application.\n\n## Usage\n\nTo get started, create a [bpmn-js](https://github.com/bpmn-io/bpmn-js) instance\nand render [BPMN 2.0 diagrams](https://www.omg.org/spec/BPMN/2.0.2/) in the browser:\n\n```javascript\nconst xml = '...'; // my BPMN 2.0 xml\nconst viewer = new BpmnJS({\n  container: 'body'\n});\n\ntry {\n  const { warnings } = await viewer.importXML(xml);\n\n  console.log('rendered');\n} catch (err) {\n  console.log('error rendering', err);\n}\n```\n\nCheckout our [examples](https://github.com/bpmn-io/bpmn-js-examples) for many\nmore supported usage scenarios.\n\n## Resources\n\n* [Demo](http://demo.bpmn.io)\n* [Issues](https://github.com/bpmn-io/bpmn-js/issues)\n* [Examples](https://github.com/bpmn-io/bpmn-js-examples)\n* [Forum](https://forum.bpmn.io)\n* [Changelog](./CHANGELOG.md)\n\n## Build and Run\n\nPrepare the project by installing all dependencies:\n\n```sh\nnpm install\n```\n\nThen, depending on your use-case you may run any of the following commands:\n\n```sh\n# build the library and run all tests\nnpm run all\n\n# spin up a single local modeler instance\nnpm start\n\n# run the full development setup\nnpm run dev\n```\n\nYou may need to perform [additional project setup](./docs/project/SETUP.md) when\nbuilding the latest development snapshot.\n\n## Related\n\nbpmn-js builds on top of a few powerful tools:\n\n* [bpmn-moddle](https://github.com/bpmn-io/bpmn-moddle): Read / write support for BPMN 2.0 XML in the browsers\n* [diagram-js](https://github.com/bpmn-io/diagram-js): Diagram rendering and editing toolkit\n\nIt is an extensible toolkit, complemented by many [additional utilities](https://github.com/bpmn-io/awesome-bpmn-io).\n\n## License\n\nUse under the terms of the [bpmn.io license](http://bpmn.io/license).\n","funding_links":[],"categories":["JavaScript","Documentation / Guides / Exercises / Boilerplates","前端开发框架及项目","Extensions","browser",":file_folder: Browser"],"sub_categories":["Typescript / Javascript","其他_文本生成、文本对话","Components"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbpmn-io%2Fbpmn-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbpmn-io%2Fbpmn-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbpmn-io%2Fbpmn-js/lists"}