https://github.com/itwin/viewer-components-react
Components built on iTwin.js for usability in an iTwin.js based Viewer.
https://github.com/itwin/viewer-components-react
bim digital-twin imodel imodeljs itwin itwinjs react
Last synced: 13 days ago
JSON representation
Components built on iTwin.js for usability in an iTwin.js based Viewer.
- Host: GitHub
- URL: https://github.com/itwin/viewer-components-react
- Owner: iTwin
- License: mit
- Created: 2020-05-14T16:00:55.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2025-04-11T15:42:30.000Z (15 days ago)
- Last Synced: 2025-04-13T04:59:48.117Z (13 days ago)
- Topics: bim, digital-twin, imodel, imodeljs, itwin, itwinjs, react
- Language: TypeScript
- Homepage:
- Size: 44.3 MB
- Stars: 28
- Watchers: 33
- Forks: 34
- Open Issues: 48
-
Metadata Files:
- Readme: README.md
- Changelog: change/@itwin-map-layers-077ea514-6673-4663-90a5-a9ef7c203346.json
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# iTwin.js Viewer Components React
Copyright © Bentley Systems, Incorporated. All rights reserved.
This repository contains a set of npm packages that deliver React utilities (components, hooks) for use in an [iTwin.js](https://itwinjs.org) application.
Each one has it's own folder and README describing the package.
## List of actively maintained packages within this repository
### iTwin.js@^4 Compatible
| Name | Folder | Changelog | Version |
| ---------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
| @itwin/breakdown-trees-react | [breakdown-trees](./packages/itwin/breakdown-trees) | [changelog](./packages/itwin/breakdown-trees/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fbreakdown-trees-react) |
| @itwin/geo-tools-react | [geo-tools](./packages/itwin/geo-tools/) | [changelog](./packages/itwin/geo-tools/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fgeo-tools-react) |
| @itwin/grouping-mapping-widget | [grouping-mapping-widget](./packages/itwin/grouping-mapping-widget) | [changelog](./packages/itwin/grouping-mapping-widget/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fgrouping-mapping-widget) |
| @itwin/map-layers | [map-layers](./packages/itwin/map-layers/) | [changelog](./packages/itwin/map-layers/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fmap-layers) |
| @itwin/measure-tools-react | [measure-tools](./packages/itwin/measure-tools) | [changelog](./packages/itwin/measure-tools/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fmeasure-tools-react) |
| @itwin/tree-widget-react | [tree-widget](./packages/itwin/tree-widget/) | [changelog](./packages/itwin/tree-widget/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Ftree-widget-react) |
| @itwin/property-grid-react | [property-grid](./packages/itwin/property-grid) | [changelog](./packages/itwin/property-grid/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fproperty-grid-react) |
| @itwin/one-click-lca-react | [one-click-lca-widget](./packages/itwin/one-click-lca-widget) | [changelog](./packages/itwin/one-click-lca-widget/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fone-click-lca-react) |
| @itwin/ec3-widget-react | [ec3-widget](./packages/itwin/ec3-widget) | [changelog](./packages/itwin/ec3-widget/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fec3-widget-react) |
| @itwin/reports-config-widget-react | [reports-config-widget](./packages/itwin/reports-config-widget) | [changelog](./packages/itwin/reports-config-widget/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Freports-config-widget-react) |
### iTwin.js@^3 Compatible
| Name | Folder | Changelog | Version |
| ------------------------- | --------------------------------------------------------- | ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| @itwin/imodel-react-hooks | [imodel-react-hooks](./packages/itwin/imodel-react-hooks) | [changelog](./packages/itwin/imodel-react-hooks/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Fimodel-react-hooks) |
## Archived
The following packages have been deprecated and will no longer be maintained:
| Name | Folder | Changelog | Version | Replacement |
| ---------------------------------- | -------------------------------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------ |
| @bentley/imodel-select-react | [imodel-select](./packages/archive/imodel-select/) | [changelog](./packages/archive/imodel-select/CHANGELOG.md) | [](https://badge.fury.io/js/%40bentley%2Fimodel-select-react) | [@itwin/imodel-browser-react](https://www.npmjs.com/package/@itwin/imodel-browser-react) |
| @bentley/markup-frontstage-react | [markup-frontstage](./packages/archive/markup-frontstage/) | [changelog](./packages/archive/markup-frontstage/CHANGELOG.md) | [](https://badge.fury.io/js/%40bentley%2Fmarkup-frontstage-react) | N/A |
| @itwin/infrastructure-iot-react | [infrastructure-iot](./packages/archive/infrastructure-iot) | [changelog](./packages/archive/infrastructure-iot/CHANGELOG.md) | [](https://badge.fury.io/js/%40itwin%2Finfrastructure-iot-react) | N/A |
## Adding a new "project"
Please refer to the [section](CONTRIBUTING.md#adding-a-new-project) in the contributing guide.
## Contributing to this Repository
For information on how to contribute to this project, please read [CONTRIBUTING.md](CONTRIBUTING.md) for contribution guidelines.