Casos completos
Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.
Layout em grade estilo bento da página de recapitulação de cuidados
Conclua o layout em estilo bento no cenário da página de revisão de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.
Abrir e executarPágina de comparação de produtos da história da criação
Em um cenário de histórias criativas, conclua uma página de comparação de produtos: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarPainel de análise de tendências do livro de plantões de aulas
Conclua um painel de análise de tendências no cenário de livro de plantão da turma: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarSeleção de cartões de opções do quadro de plano do loft
No cenário do quadro de planejamento de loft, conclua a seleção dos cartões de plano: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarTabela de horários para solicitação de moradia
Complete uma tabela de agendamento em um cenário de formulário de solicitação de hospedagem: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.
Abrir e executarNavegação rápida inferior do cartão de acesso ao campus
Conclua a navegação rápida inferior no contexto do cartão de visita ao campus: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarDica de ferramenta de teclado para suporte da galeria
Conclua um tooltip de teclado em um cenário de barra de suporte da galeria: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarFila de prioridade da ronda ambulatorial
Conclua a fila de prioridades no cenário da ronda ambulatorial: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarTabela comparativa de planos do catálogo de estoque da exposição
Concluir a tabela de comparação de planos no cenário do catálogo de estoque de itens de exposição: inclui conteúdo real, controles operáveis, feedback de status claro e layout entre tamanhos de tela.
Abrir e executarShell do painel do atlas da sala de aula
Conclua a carcaça do painel no cenário da sala de aula do Atlas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarPágina de agenda de evento com serviço de refeições
Conclua a página de agenda do evento em um cenário de serviço de refeições: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarFeed de atividades em tempo real da central de plantão da turma
Conclua um feed de atividades em tempo real no cenário de posto de observação da aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarCalculadora de carrinho de compras para visitas de cuidado
No contexto de uma visita de cuidados, conclua a calculadora do carrinho de compras: inclui conteúdo real, controles interativos, feedback claro de status e layout responsivo a diferentes tamanhos.
Abrir e executarDesign de título contornado da declaração da marca
Conclua o design de título contornado no cenário de manifesto da marca: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarTransição de forma do botão de progresso da disciplina
Concluir uma transição de morfologia de botão no cenário de progresso do curso: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarCúpula de coral em espaço de profundidade de vidro
Complete o espaço de profundidade de vidro em um cenário de cúpula de coral: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGráfico de linha do cronograma do atlas público
Conclua o gráfico de linha temporal no cenário de atlas público: inclui conteúdo real, controles operáveis, feedback claro de status e layout responsivo a diferentes tamanhos.
Abrir e executarDemonstração de operação de área de transferência do kit de ferramentas de áudio
Demonstração de operação da área de transferência no cenário do kit de ferramentas de áudio: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarJogo da memória de virar cartas do clube do livro
Conclua um jogo da memória de virada de cartas em um cenário de clube do livro: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.
Abrir e executarAjustador de faixa do carrinho de configuração do loft
No cenário de configuração de armazém no loft, conclua o ajustador de intervalo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarFormulário de confirmação do resumo da revisão de moradia
Conclua o formulário de confirmação de resumo em cenários de revisão de atendimento residencial: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarNavegação em breadcrumb do percurso de cuidado
Complete a navegação por breadcrumb em um cenário de jornada de cuidados: conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarPilha de mensagens de notificação da janela de atualização da galeria
Conclua a pilha de mensagens de dica em um cenário de janela de atualização da galeria: com conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.
Abrir e executarCarrossel de histórias do mercado da comunidade
Complete o carrossel de cards de histórias no cenário do mercado comunitário: conteúdo real, controles operáveis, feedback claro de estado e layout para diferentes tamanhos de tela.
Abrir e executar