kodda UI

Design System: crie interfaces mais rápido.
Componentes de UI compostos e acessíveis construídos com shadcn/ui.

+ Templates, gráficos e componentes de demonstração

Componentes

Ver todos →
21

Charts

Novo

Visualizações de dados com Recharts

6

Blocks

Novo

Templates de página completos prontos para uso

8

Themes

Novo

Presets de cores prontos para usar

99

Colors

Novo

Paleta completa com múltiplos formatos

6

Data & Tables

Tabelas, filtros, badges e estados

9

Forms & Inputs

Inputs especializados e campos dinâmicos

10

Layout & Navigation

Estrutura de aplicação e navegação

6

Landing Pages

Seções para páginas de marketing

7

Templates

ListPageDetailPageFormPagePortalPageManageListPageManageLoginPageLandingPage
4

Hooks

useDataTableuseFiltersusePaginationuseDebounce
Novo

Charts

Visualizações de dados com Recharts. Prontos para dashboards e relatórios.

Execuções por mês

Últimos 6 meses

1.394+12%

Tarefas vs Concluídas

Esta semana

Tarefas
Concluídas

Status das tarefas

87 tarefas total

Concluído
47
Em andamento
23
Pendente
12
Bloqueado
5

Atividade de Agentes

Últimas 24h

Agentes
Tarefas
6 categorias:
AreaBarLinePieRadarRadial
Ver todos os Charts

Quick Start

1npx @koddaai/ui init
2npx @koddaai/ui add data-table page-header
3Componentes copiados para seu projeto

Requer React 18+, TypeScript, Tailwind CSS e shadcn/ui

Componentes de demonstração

Tudo pronto para copiar e colar

Templates, gráficos e componentes visuais para landing pages, demos e protótipos.

Thread in#
K
kodda06:45

⚠️ Amanda (Caixa 3) registrou falta para hoje. Sistema identificou 2 opções de cobertura.

S
sandra06:46

Quem são as opções?

K
kodda06:47

• Marcos: 4h de banco, pode entrar 10h • Julia: folga hoje, aceitou trocar Julia já confirmou pelo app. Escala atualizada.

@koddaMessage...
Sugestões IA5
PED-089

Pedido auto: Água Mineral (120 cx)

Compras
PED-090

Pedido auto: Leite Integral (80 cx)

Compras
Aguardando3
REC-847

Resolver divergência Ambev (23 cx)

RecebimentoFornecedor
PED-088

Confirmar entrega Coca quinta

Compras
Em Andamento2
ESC-034

Julia cobrindo Caixa 3 (10h-18h)

Escala
Concluído47
PED-087

Pedido Skol enviado (ajuste -20%)

Aprovado
Terminal
$ npx @koddaai/ui init
Inicializando kodda UI...
Criado kodda.json
Criado src/components/kodda/
$ npx @koddaai/ui add data-table
Resolvendo dependências...
Instalado status-badge
Instalado filter-bar
Instalado data-table
Pronto! 3 componentes instalados.

Open Source

MIT License. Clone, copie, modifique.