# Ce este UI Builder: proiectează interfețe ca un fișier JSON

> UI Builder este editorul vizual Total.js pentru interfețe de utilizator: aplicații web, tablouri de bord, flowboard-uri și părți, descrise de un fișier JSON și randate de un web component, fără cod de server.

Framework: uibuilder
Product: UI Builder (uibuilder@1)
Language: ro
Content-SHA256: 068f71110bfd2aa6e38d3e84c17269b2436ef2ecf77e2d687102decf396b3d42
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: 
Review: not-recorded

UI Builder este un **editor vizual pentru interfețe de utilizator**. Tragi componente pe o pânză, le configurezi și le conectezi, iar rezultatul nu este cod, ci un **fișier JSON** care descrie interfața. Un mic web component randează acel fișier oriunde, așa că un design UI Builder nu are nevoie de implementare pe server. Este open source sub **licența MIT**; editorul este depozitul [totaljs/uibuilder](https://github.com/totaljs/uibuilder), iar versiunea în cloud o poți folosi la [uibuilder.totaljs.com](https://uibuilder.totaljs.com).

Aceste pagini descriu UI Builder (revizia `620107a` a depozitului).

## La ce folosește

Șabloanele editorului arată tipurile de interfețe pe care le construiește:

| Șablon | Utilizare |
|---|---|
| Web app | o aplicație web clasică |
| Dashboard | un tablou de bord cu widgeturi de date |
| Flowboard | o tablă conectată la un flux de date (funcționează cu [Total.js Flow](https://www.totaljs.com/flow/)) |
| Part | o piesă de interfață reutilizabilă |

Editorul listează și șabloane pentru aplicații mobile și panouri HMI, care sunt dezactivate în această versiune. Total.js prezintă UI Builder pentru formulare web, tablouri de bord, intraneturi, ecrane IoT și interfețe ERP și CRM.

## De ce se potrivește cu Total.js

- **Designul este date.** Un fișier JSON este ușor de stocat într-o bază de date, de versionat, de generat și de dat altui instrument.
- **Nu are nevoie de un mediu special.** Randatorul este un web component jComponent, așa că orice pagină poate afișa un design.
- **Componentele tale.** O componentă este un fișier HTML cu stilul, codul și formularul ei de setări ([construiește o componentă](/en/uibuilder/build-a-component/)).
- **Se integrează** cu [Flow](https://www.totaljs.com/flow/) și cu [OpenPlatform](/en/openplatform/what-is-openplatform/) și suportă localizarea.

Continuă cu [rularea editorului](/en/uibuilder/run-the-designer/), [formatul JSON](/en/uibuilder/the-ui-json-format/) și [randarea unui design în pagina ta](/en/uibuilder/render-an-app-in-your-page/). Documentația oficială se află la [docs.totaljs.com/uibuilder](https://docs.totaljs.com/uibuilder/).