Learning iTwin.js UI
AppUI
AppUI is a framework for writing iTwin.js apps. For details, see this overview.
For a quick-start approach to creating an iTwin.js app with App UI, see Quick Start to an App UI user interface.
React version requirements
AppUI bases its controls on the React JavaScript library and is compatible with React 17.0 and later.
Library Organization
The iTwin.js UI library is divided into these NPM packages in the @itwin
scope:
Package Name | Description |
---|---|
appui-abstract | Abstractions for UI controls and items. |
core-react | General purpose React components that can be used outside AppUI apps. |
components-react | React components that are data-oriented, such as PropertyGrid and Tree. |
imodel-components-react | React components that depend on iTwin.js, like core-frontend, core-common or core-quantity packages. The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport. |
appui-react | Classes and components for specifying the application UI consisting of the Backstage, Frontstages, Content Views, Tool Bars, Status Bars, Widgets and Panels. |
See also:
Last Updated: 13 May, 2024
Found something wrong, missing, or unclear on this page?Raise an issue in our repo.