Qué es UI Builder: diseña interfaces como un archivo JSON

UI Builder es un editor visual de interfaces de usuario. Arrastras componentes a un lienzo, los configuras y los conectas, y el resultado no es código sino un archivo JSON que describe la interfaz. Un pequeño web component renderiza ese archivo en cualquier sitio, así que un diseño de UI Builder no necesita implementación en el servidor. Es de código abierto bajo la licencia MIT; el editor es el repositorio totaljs/uibuilder, y puedes usar la versión en la nube en uibuilder.totaljs.com.

Estas páginas describen UI Builder (revisión 620107a del repositorio).

Para qué sirve

Las plantillas del editor muestran los tipos de interfaces que construye:

Plantilla	Uso
Web app	una aplicación web clásica
Dashboard	un panel de widgets de datos
Flowboard	un tablero conectado a un flujo de datos (funciona con Total.js Flow)
Part	una pieza de interfaz reutilizable

El editor también lista plantillas para aplicaciones móviles y paneles HMI, que están desactivadas en esta versión. Total.js presenta UI Builder para formularios web, paneles, intranets, pantallas IoT e interfaces ERP y CRM.

Por qué encaja con Total.js

• El diseño son datos. Un archivo JSON es fácil de guardar en una base de datos, de versionar, de generar y de pasar a otra herramienta.
• No necesita un entorno especial. El renderizador es un web component de jComponent, así que cualquier página puede mostrar un diseño.
• Tus propios componentes. Un componente es un archivo HTML con su estilo, su código y su formulario de ajustes (crear un componente).
• Se integra con Flow y con OpenPlatform, y admite localización.

Continúa con ejecutar el editor, el formato JSON y renderizar un diseño en tu página. La documentación oficial está en docs.totaljs.com/uibuilder.