Todas as telas com os mesmos componentes
O CoUI é o sistema de componentes de UI que a Cocode criou e usa. São mais de 160 componentes, de botões a tabelas, que funcionam igual no app e na web.
O que muda com o CoUI
Sem CoUI
Desenhando do zero toda vez
- Cada tela desenhada do zero, prazo maior
- O mesmo botão diferente em cada tela
- Design diferente entre app e web
- A próxima equipe lê um código diferente em cada tela
Com CoUI
Construindo com o CoUI
- Primeira tela rápida, montada com componentes prontos
- Ajustar um componente atualiza todas as telas
- App e web usam os mesmos componentes
- A próxima equipe entende todas as telas por uma única regra
O que o CoUI inclui
Tokens
Valores de estilo
Cores, fontes, espaçamentos e cantos em um só lugar
Components
160+ componentes
Botões, campos, listas, tabelas, diálogos
Theme
Modos claro e escuro
Os dois modos com os mesmos componentes
Brand
Cores da sua marca
As cores do cliente entram trocando só os tokens
Responsive
Adaptação ao tamanho de tela
Do celular ao monitor largo
Base
Baseado em Flutter
Os mesmos componentes em web, iOS, Android, macOS e Windows
Veja na prática
Button
Input
Chip
Toggle
Badge
Table
Select
Dialog
Apagar?
Perguntas frequentes
A quem pertence o CoUI?
O CoUI é o sistema de componentes de UI que a Cocode criou e usa, por isso a propriedade é da Cocode. Em troca, entregamos uma cópia do código-fonte da versão usada no projeto e registramos no contrato o direito de uso sem limite de prazo, quantidade ou território e o direito de modificá-lo.
Nossos desenvolvedores podem modificar o código do CoUI?
Sim. Entregamos a cópia do código-fonte com o direito de modificá-la, e, se vocês contratarem outra empresa para a manutenção, essa equipe pode fazer alterações com os mesmos direitos. Como todas as telas seguem uma única regra, a próxima equipe também entende a estrutura com facilidade.
É possível criar sem o CoUI?
É possível. Mas cada tela terá de ser desenhada do zero, o que aumenta o prazo. Na conversa, olhamos a lista de telas, separamos o que o CoUI resolve e o que precisa ser criado do zero, e comparamos os prazos.
Se o CoUI for atualizado, nosso serviço muda também?
Não muda sozinho. O CoUI que entregamos é uma cópia do código-fonte da versão usada, e fica sob a gestão da sua empresa. Ao alterar um componente, a mudança vale para todas as telas que o usam.
Com o CoUI, nosso serviço não vai ficar parecido com outros?
Cores, fontes, espaçamentos e cantos ficam em um só lugar como valores de estilo, e os ajustamos à marca da sua empresa. Na galeria acima, você pode trocar a cor da marca e o modo.
Indicamos primeiro as telas que o CoUI resolve
Envie a lista de telas e separamos o que sai com o CoUI e o que precisa ser criado do zero.