Все экраны — из одних и тех же деталей
CoUI — система UI-компонентов, которую Cocode создаёт и использует сама. 160+ компонентов, от кнопок до таблиц, одинаково работают в приложении и вебе.
Что меняется с CoUI
Без CoUI
Если каждый раз с нуля
- Каждый экран рисуется заново — сроки растут
- Одна и та же кнопка выглядит по-разному на разных экранах
- Дизайн приложения и веба не совпадает
- Следующей команде приходится разбираться в своём коде для каждого экрана
С CoUI
Если собирать на CoUI
- Экраны собираются из готовых компонентов — первый экран появляется быстро
- Исправили один компонент — изменения везде
- Приложение и веб используют одни и те же компоненты
- Следующая команда понимает все экраны по одному набору правил
Что входит в CoUI
Tokens
Значения стилей
Цвета, шрифты, отступы и скругления — в одном месте
Components
160+ компонентов
Кнопки, поля ввода, списки, таблицы, диалоги
Theme
Светлый и тёмный режимы
Оба режима на одних и тех же компонентах
Brand
Фирменные цвета
Цвета клиента задаются заменой токенов
Responsive
Разные размеры экрана
От телефона до широкого монитора
Base
На базе Flutter
Одни и те же компоненты для веба, iOS, Android, macOS и Windows
Посмотрите сами
Button
Input
Chip
Toggle
Badge
Table
Select
Dialog
Удалить?
Частые вопросы
Кому принадлежит CoUI?
CoUI — система UI-компонентов, которую Cocode создаёт и использует сама, поэтому она принадлежит Cocode. Взамен мы передаём копию исходного кода версии, использованной в проекте, и прописываем в договоре право использовать её без ограничений по сроку, количеству и территории, а также право её изменять.
Могут ли наши разработчики изменять код CoUI?
Да. Вместе с копией исходного кода вы получаете право её изменять, и если вы передадите сопровождение другому подрядчику, его команда сможет вносить изменения с теми же правами. Все экраны построены по одним правилам, поэтому следующей команде легко разобраться в структуре.
Можно ли обойтись без CoUI?
Можно. Но тогда каждый экран придётся делать заново, и сроки вырастут. На консультации мы посмотрим список экранов, разделим их на те, что делаются на CoUI, и те, что нужно создавать с нуля, и сравним сроки.
Если CoUI обновится, изменится ли наш сервис?
Само по себе — нет. Мы передаём вам копию исходного кода использованной версии CoUI, и дальше ею управляет ваша сторона. Если изменить один компонент, изменения появятся на всех экранах, где он используется.
Не будет ли сервис на CoUI похож на другие?
Цвета, шрифты, отступы и скругления задаются значениями стилей в одном месте, и мы настраиваем их под ваш бренд. В галерее выше можно переключить цвет бренда и режим.
Отберём экраны, которые можно собрать на CoUI
Пришлите список экранов — мы разделим их на те, что делаются на CoUI, и те, что нужно создать заново.