# Čo je UI Builder: navrhujte rozhrania ako súbor JSON

> UI Builder je vizuálny editor Total.js pre používateľské rozhrania: webové aplikácie, dashboardy, flowboardy a časti, opísané súborom JSON a vykresľované webovým komponentom, bez serverového kódu.

Framework: uibuilder
Product: UI Builder (uibuilder@1)
Language: sk
Content-SHA256: 74990f36026452dd027c6bd6732ebfb79673e5d677459965c97ff434d42400e0
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: 
Review: not-recorded

UI Builder je **vizuálny editor používateľských rozhraní**. Presúvate komponenty na plátno, nastavujete ich a prepájate a výsledkom nie je kód, ale **súbor JSON**, ktorý rozhranie opisuje. Malý webový komponent tento súbor vykreslí kdekoľvek, takže dizajn UI Builder nepotrebuje serverovú implementáciu. Je open source pod **licenciou MIT**; editorom je repozitár [totaljs/uibuilder](https://github.com/totaljs/uibuilder) a môžete použiť cloudovú verziu na [uibuilder.totaljs.com](https://uibuilder.totaljs.com).

Tieto stránky opisujú UI Builder (revízia `620107a` repozitára).

## Na čo slúži

Šablóny editora ukazujú druhy rozhraní, ktoré vytvára:

| Šablóna | Použitie |
|---|---|
| Web app | klasická webová aplikácia |
| Dashboard | dashboard dátových widgetov |
| Flowboard | tabuľa prepojená s tokom dát (funguje s [Total.js Flow](https://www.totaljs.com/flow/)) |
| Part | opakovane použiteľná časť rozhrania |

Editor uvádza aj šablóny pre mobilné aplikácie a panely HMI, ktoré sú v tejto verzii vypnuté. Total.js predstavuje UI Builder pre webové formuláre, dashboardy, intranety, obrazovky IoT a rozhrania ERP a CRM.

## Prečo sa hodí k Total.js

- **Dizajn sú dáta.** Súbor JSON sa ľahko ukladá do databázy, verzuje, generuje a odovzdáva inému nástroju.
- **Nepotrebuje špeciálne prostredie.** Vykresľovač je webový komponent jComponent, takže dizajn môže zobraziť ľubovoľná stránka.
- **Vlastné komponenty.** Komponent je jeden súbor HTML so štýlom, kódom a formulárom nastavení ([vytvorenie komponentu](/en/uibuilder/build-a-component/)).
- **Integruje sa** s [Flow](https://www.totaljs.com/flow/) a s [OpenPlatform](/en/openplatform/what-is-openplatform/) a podporuje lokalizáciu.

Pokračujte s [spustením editora](/en/uibuilder/run-the-designer/), [formátom JSON](/en/uibuilder/the-ui-json-format/) a [vykreslením dizajnu na vašej stránke](/en/uibuilder/render-an-app-in-your-page/). Oficiálna dokumentácia je na [docs.totaljs.com/uibuilder](https://docs.totaljs.com/uibuilder/).