UI Toolbox
TOPAZ : Man-Machine Interface creation
TOPAZ is a User Interface Toolbox including :
- Graphical components (forms, multi-windows, virtual geo ...)
- services (security, user preferences, etc.)
- Starter kit
- Industrialization
Benefits overview
TOPAZ Main Advantages
development booster
CS expertise
Turnkey solutions
Standard technology stack
Business agnostic
expandability and modularity
No constraints
Partial or total use
Component overload/extension
Interoperable system
Communication/data sharing between components.
Combination of Topaz components produced by different manufacturers
Creation of a heritage
Uniform visual presentation
Basic functionalities
TOPAZ Main Features
Desktops
The introduction of moveable windows enhances business application ergonomics by allowing users to customize and organize their interface. Similar to multitasking in Windows or Linux, this feature simplifies information management, resulting in a more fluid and intuitive user experience.
Extensions
Customizing deeply nested React components through props or stores can be complex. Topaz’s extension point mechanism allows registering objects or functions in an application cache to transform components. This works across all TypeScript code, centralizing configurations and behaviors.
Events
Topaz provides a dedicated event bus for communication. This allows independent components that don’t have common functionality to share data for communication.

Store
Topaz offers a ‘rules engine’ type store. Rather than juggling reducers and scattered actions, Topaz lets you define synchronisation rules clearly and concisely.
Services
Stop duplicating data retrieval logic in each component of your complex applications. TOPAZ allows creating a centralized user service managing API calls and data caching.
Forms
Topaz offers a form creation API that makes it easy to manage displayed values (formatting, retrieval, ...), validation messages, error messages and form nesting.
Authentication
Topaz offers an authentication component that automatically handles redirection to a login page and, once authentication is successful, brings the user directly back to your application.
Function Highlight
TOPAZ Desktops feature
Case studies
TOPAZ Use cases examples
CRIMSON (POC)
Crimson-core
- IncidentsView
- MapView
- …
Upcoming