Overview

The iTwin.js Viewer Components for React are a versatile set of npm packages designed to enhance the functionality of iTwin.js applications. These components and hooks provide developers with the necessary tools to create dynamic and efficient web applications easily. As a package that is actively maintained, it ensures compatibility with various versions, including iTwin.js@^5 and iTwin.js@^4, making it a reliable choice for developers seeking a robust foundation for their projects.

With a focus on usability and integration, these React utilities offer components that cater to different needs, enabling a seamless experience while using the iTwin.js framework. Whether you're looking to incorporate geo-tools, mapping layers, or property grids, this repository delivers a structured approach to building your application interface.

Features

@itwin/geo-tools-react: Provides essential geo-tool features that aid in geographical data manipulation and visualization, streamlining the integration of location-based elements in your app.
@itwin/map-layers: This package allows developers to easily manage and display various map layers, enhancing the terrain and data presentation within the iTwin.js environment.
@itwin/measure-tools-react: A set of measurement tools designed for accurate data assessment, perfect for applications requiring precise measurements and metrics.
@itwin/property-grid-react: Offers a customizable property grid component that simplifies the display and management of object properties, making data interaction intuitive for users.
@itwin/quantity-formatting-react: This component is focused on presenting quantities in a user-friendly format, ensuring that numerical data is displayed clearly and accessibly.
@itwin/tree-widget-react: A functional tree widget that facilitates easy navigation and organization of hierarchical data, ideal for structuring complex datasets.
@itwin/breakdown-trees-react: A specialized component for creating and managing breakdown trees, allowing for a clear visual representation of data relationships.
@itwin/grouping-mapping-widget: This widget helps in grouping and mapping data efficiently, providing a robust way to structure information for better analysis and presentation.

Itwin

ITwinUI React

Viewer Components React