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.

AppUI bases its controls on the React JavaScript library and is compatible with React 17.0 and later.

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.