# Какво е UI Builder: проектирайте интерфейси като JSON файл

> UI Builder е визуалният редактор на Total.js за потребителски интерфейси: уеб приложения, табла, flowboard-ове и части, описани с JSON файл и визуализирани от уеб компонент, без сървърен код.

Framework: uibuilder
Product: UI Builder (uibuilder@1)
Language: bg
Content-SHA256: 9d5ba3299ef8f20b7734a1691590a5aa3002d59699a1bc4f5b120a48e46300be
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: 
Review: not-recorded

UI Builder е **визуален редактор за потребителски интерфейси**. Влачите компоненти върху платно, настройвате ги и ги свързвате, а резултатът не е код, а **JSON файл**, който описва интерфейса. Малък уеб компонент визуализира този файл навсякъде, така че дизайнът на UI Builder не се нуждае от реализация на сървъра. С отворен код е под **лиценз MIT**; редакторът е хранилището [totaljs/uibuilder](https://github.com/totaljs/uibuilder), а облачната версия можете да ползвате на [uibuilder.totaljs.com](https://uibuilder.totaljs.com).

Тези страници описват UI Builder (ревизия `620107a` на хранилището).

## За какво служи

Шаблоните на редактора показват видовете интерфейси, които изгражда:

| Шаблон | Употреба |
|---|---|
| Web app | класическо уеб приложение |
| Dashboard | табло с уиджети за данни |
| Flowboard | табло, свързано с поток от данни (работи с [Total.js Flow](https://www.totaljs.com/flow/)) |
| Part | многократно използваема част от интерфейс |

Редакторът изброява и шаблони за мобилни приложения и HMI панели, които са изключени в тази версия. Total.js представя UI Builder за уеб форми, табла, интранет, IoT екрани и ERP и CRM интерфейси.

## Защо пасва на Total.js

- **Дизайнът са данни.** JSON файлът лесно се съхранява в база данни, версионира, генерира и предава на друг инструмент.
- **Не се нуждае от специална среда.** Визуализаторът е уеб компонент на jComponent, така че всяка страница може да покаже дизайн.
- **Собствени компоненти.** Компонентът е един HTML файл със своя стил, код и форма за настройки ([създаване на компонент](/en/uibuilder/build-a-component/)).
- **Интегрира се** с [Flow](https://www.totaljs.com/flow/) и с [OpenPlatform](/en/openplatform/what-is-openplatform/) и поддържа локализация.

Продължете с [стартирането на редактора](/en/uibuilder/run-the-designer/), [JSON формата](/en/uibuilder/the-ui-json-format/) и [визуализирането на дизайн във вашата страница](/en/uibuilder/render-an-app-in-your-page/). Официалната документация е на [docs.totaljs.com/uibuilder](https://docs.totaljs.com/uibuilder/).