Web UI Builder

Iotellect Web UI Builder is a low-code user interface development environment. It helps designing browser-based interfaces of solutions, services and products based on Iotellect platform.

Web UI Builder was created with one important concept in mind: it must allow developing web interfaces that ensure pixel-level matching to any design template or sketch. At the same time, the UI Builder is a low-code tool, so even the most sophisticated interfaces may be implemented without writing a single line of code. Front-end interfaces created in UI Builder are backed by Iotellect's unified data model.

Technically, the UI Builder edits dashboards that become separate web pages. Every dashboard has an extremely flexible layout based on multi-level containers. Every container uses its own layout (e.g. grid or absolute) to render components and nested containers.

Most components and containers are regular React components wrapped into Iotellect's data model to ensure unified interaction between them and server-side data. A wide range of pre-configured components backed by component SDK and full CSS customization capabilities guarantees that prototypes created by your design team will be successfully implemented as a part of your web application UI. Components included into UI Builder's standard bundle are various containers, input controls, data display components, navigation components, charts/diagrams, and much more.

Dynamic behaviour of interfaces is enabled by bindings. The bindings allow components to react to server-side and web page events, as well as perform periodic operations and startup initialization. Once activated, a binding performs some transformation of data pulled from dashboard components and server data model. The resulting value is used to adjust properties of a UI component or update some server-side values.

Web UIs designed in UI Builder support most actual web application technologies, such as routing, responsive design, data caching, and more.

Was this page helpful?