Cores
A paleta completa e símbolos semânticos.
Componentes e Blocos
Cada componente, bloco, gráfico e modelo em BoardUI, 97 em todos. 62 os livres já estão neste projeto como fonte; cada cartão abre seus documentos em boardui.com, com o comando install e os props.
Fundamentos
2Os tokens tudo o resto é construído sobre.Ver Cores
DisplayTitleHeadlineBody regularMono caption
Tipografia
Tipo escala, pesos e estilos de texto.
Básicos
49Os blocos de construção do dia a dia.Acordeão
FAQs e configurações que abrem no lugar.
Anúncio
Banner descartável para notícias do produto.
M
Avatar
Foto do usuário com recuos iniciais.
Navegação estrutural
Trilho do caminho com níveis em colapso.
Botão
Ações primárias, secundárias e de perigo.
Grupo de botões
Fila fundida de botões selecionáveis.
Carrossel
Deslize através de cartões com snap, setas e pontos.
Caixa de seleção
Carrapato animado, variante de cartão, dois tamanhos.
ConcluídoAguardando+14.8%ConfirmadoFalhouEm reexamev2.4.0RascunhoVivo-3.2%BetaArquivado
Chip
Tokens de filtro removíveis compactos.
Botão de fechar
O pequeno ×, feito corretamente.
Paleta de comandos
Todas as páginas e ações a um ⌘K de distância.
Entrada de tokens
Menções com @ e comandos com / como tokens.
Q3 report.pdf2.4 MB
Menu de contexto
Ações de clique direito, com submenus.
Seletor de cores
Escolha a olho, por hex ou entre predefinições.
Combobox
Digite para filtrar a lista e escolha.
novembro de 2026
| do | se | te | qu | qu | se | sá |
|---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Calendário de datas
Um mês na página para datas e períodos.
M
Mertcan Esmergul
hi@mertcan.works
30 minutos reunião de apresentação
Vamos discutir suas necessidades de design e como podemos colaborar
30 minutosInglês
agosto de 2026
| do | se | te | qu | qu | se | sá |
|---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
Seletor de data
Calendário Popover para datas únicas.
ou
Divisor
Separadores de conteúdo individuais, duplos e preenchidos.
Filters
Narrow the customer list.
Status
Gaveta
Painéis laterais e inferiores a partir de qualquer borda.
Menu suspenso
Menus composíveis - equipes, modelos, ações.
Arraste e solte para enviar ou selecionar
PDF, JPG, PNG, XLSX (máx. 8 MB)
Enviando ...
Enviado com sucesso!
Upload de arquivos
Arraste, valide e rastreie o progresso do upload.
Botão de ícone
Botão de ação quadrado, apenas ícone.
Campo de texto
Campo de texto com addons e validação.
Campo de código OTP
Caixas de código único com pasta e preenchimento automático.
Botão de link
A ação de texto em linha tem o estilo de um link.
Storage72%
Seats84%
API requests96%
Medidor
Uso em relação a um limite, com tom conforme enche.
Delete project?
Acme Dashboard and its 24 files will be deleted for everyone. You can't undo this.
Modal
Diálogos e alertas sobre uma página escurecida.
Notificação
Mensagens de status com ícones, avatares e ações.
Seats
Discount
Campo numérico
Números com botões de passo, unidades e limites.
Paginação
Números de página com truncamento.
Popover
Conteúdo rico ancorado a um gatilho, com seta opcional.
Uploading64%
Progresso
Barras e anéis, determinados ou em varredura.
Botão de opção
Gradiente ponto, variante de cartão, dois tamanhos.
Controle segmentado
Comutador de opções de pílulas deslizando.
Campo de busca
Digite para filtrar, Escape para limpar.
Seleção
Caixa de lista de escolha única com pesquisa.
Skeleton
Placeholders que se revelam no conteúdo real.
Controle deslizante
Seleção de valor único e intervalo min/max.
Botão social
Botões de login para 24 provedores, logotipos incluídos.
Spinner
Luz em camadas em órbita para trabalho em andamento.
Interruptor
Ligar/desligar com movimento de mola.
| Name | Role | Status |
|---|---|---|
| Olivia Rhye | Product Designer | Active |
| Phoenix Baker | Engineer | Active |
| Lana Steiner | Design Lead | Invited |
| Demi Wilkinson | Frontend Engineer | Active |
Tabela
Colunas ordenáveis, cabeçalho pegajoso.
Componentes48
Blocos6
Gráficos
Abas
Sublinhado e lista de comprimidos.
Topics
DesignEngineeringMarketingSalesSupport
BugFeature
Grupo de tags
Tags para filtrar, escolher ou remover.
0/120
Área de texto
Campo multilinha com crescimento automático e contagem de caracteres.
Opens
Closes
Campo de hora
Horários digitados segmento por segmento.
Toast
toast() de qualquer lugar, empilhado e com tempo.
Árvore
Pastas aninhadas com seleção e navegação pelo teclado.
Dica
Dicas posicionadas no hover e foco.
Blocos
18Conjuntos maiores, prontos para entrar.Pensar
Pesquisando os documentos
Lendo arquivos
Escrevendo a resposta
Agente pensando
Indicadores de pensamento de agentes para compositores de chat.
Carregamento do compositor
Orbitando banda de luz para um compositor que trabalha.
Card de autenticação
Inscrição e blocos de inscrição com login social.
Busca na web
A pesquisa com as fontes abriu um agente.
Lista de tarefas
O registro do agente de transmissão que revela passo a passo.
Limites do agente
Limites de utilização da janela de contexto e do plano.
Progresso do agente
Progresso colapsível para tarefas de IA multi-passo.
Calendário
Vista mensal completa com comprimidos de evento.
Data Grid
Planilha editável com seleção, filtros e resumos em tempo real.
Resultados totais
48 clientes
| Compra | Status | Ações | |||
|---|---|---|---|---|---|
| John Clarkson | A entrega falhou | 5 de set. de 2026 | $3.412 | ||
| Aspen Lubin | A entrega falhou | 25 de mar. de 2026 | $1.899 | ||
 Michael Ekstrom | Enviado | 1 de ago. de 2026 | $2.752 | ||
| Kianna Vaccaro | Enviado | 2 de abr. de 2026 | $145 | ||
 Livia Saris | A entrega falhou | 14 de nov. de 2026 | $708 |
Tabela de dados
Filtros, seleção e paginação ligados.
Notificações
4 unread
A Livia falou de ti.
2m
Pode rever o novo estado vazio antes de enviarmos o painel?
O backup do espaço de trabalho está pronto
18m
O backup de 23 de julho terminou com sucesso e está pronto para download.
Você se juntou ao Projeto Mar
1h
Maria adicionou- o como editor. Agora você tem acesso a todos os arquivos do projeto.
O Jaydon pediu a sua avaliação.
Seg
Puxe o pedido #284 atualiza o fluxo de preferências de notificação.
Verificação de segurança concluída
Dom
Não foram encontradas credenciais expostas ou dependências vulneráveis.
Falha na implementação da antevisão
Sáb
A compilação parou enquanto validava as rotas da aplicativo.
Central de notificações
Caixa de entrada de atividade agrupada com abas e ações.
Plano atual
Ultra $149/mo
Você está em 7x mais uso do que Regular.
Limites
Você está em 7x mais uso do que Premium
Puxar os Pedidos
Prestador de revisão
Selecione Github ou outros provedores para revisões
Destino PR
Abra os links de solicitação de puxar dentro de seu aplicativo
Notificações
Pedidos críticos
Seja notificado quando o modo precisa tomar uma decisão crítica
Notificações do sistema
Mostrar as notificações fundamentais quando um agente completa uma tarefa
Som de conclusão
Efeito sonoro uma tarefa está concluída
Alertas de emergência
Push notification on yourphone when BoardUI messages you
Modal de configurações
Configuração de várias páginas numa janela controlada.
Barra lateral
Navegação flutuante de aplicativos com menu de equipes.
Total das receitas
$152,313.92
A partir do mês passado
16%Cards de indicadores
Cartões KPI com chips delta ou uma banda de rodapé.
Painel do CompositorNovoPro
Entrada de chat de duas linhas com modos de permissão.Anexos do compositorNovoPro
Blocos de arquivos que pousam um por um acima da prompt.QuestionárioNovoPro
Perguntas em modo de plano, um passo de cada vez.Criador de agentesNovoPro
Crie a identidade de um agente, avatar animado e preferências de voz.Gráficos
18Cartões de dados para painéis.Revenue
$152,314
+16%$131,304 last year
- This year
- Last year
Gráfico de Receitas
Este ano contra o último, área sobre uma linha arrojada.
Anéis de atividade
Anel de progresso concêntrico, estilo Apple.
Gráfico de área
Empilhado, sobreposto ou 100% série de área.
Lista de barras
Linhas de desagregação classificadas com barras de partilha e tabulações.
Gráfico combinado
Barras e uma linha em eixos independentes.
Contribuições
Mapa de calor de atividade do estilo GitHub.
Gráfico de ganhos
Gráfico de barras com comparação de período.
Gráfico de funil
Fluxo funil com etapas cônicas e pílulas de conversão.
Gráfico de mapa de calor
Mapa de calor matricial com uma rampa que segue o tema.
Dias Mais Ativos
Bares de fim de semana ligados aos anéis.
Gráfico de radar
Preenchidos, pontilhados, linhas e radares de pontuação.
Gráfico radial
Anéis, medidores, e um meio medidor empilhado.
Gráfico de linhas
Linha curvada ou afiada sobre uma área macia.
Gráfico de Sankey
Diagrama de fluxo com links e compartilhamentos coloridos.
Gráfico de dispersão
Pontos de correlação, bolhas quando dimensionadas.
Pontuação de Sono
Medidor radial com falha de pontuação.
Barras por etapa
Estágios do funil como comprimidos horizontais arredondados.
Gráfico de Passos
Passos diários com marcador de meta.
Templates
10Telas completos, ligados.Iniciador de Conversação
Conversa gratuita e implantável na sua própria chave modelo.
Chat com IA
Aplicativo de chat completo com painel de código e compositor.
Geração de imagens com IA
Rosca rápida com moldura de geração e painel de galeria.
Perfil de IA
Perfil de contribuições com mapa de calor e gráficos.
Dashboard financeiro
Cash-flow sankey, anéis de gastos, e tabela de transações.
Dashboard inicial
KPIs, tendência de receita e tabela de clientes.
Dashboard de marketing
Funil de aquisição, gráficos de gastos e tabela de campanhas.
Perfil médico
Visão geral do paciente com prontuários.