Learning iTwin.js UI


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: 15 May, 2024