Casos completos
Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.
Tabela de filtros compostos do orçamento do projeto
Conclua a tabela de filtros combinados no cenário de orçamento de projeto: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout narrativo em tela dividida para histórias visuais
Complete o layout narrativo em tela dividida em cenários de histórias visuais: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos de tela.
Abrir e executarPágina de planos de preços do camp de aprendizado
Complete a página de plano de preços no cenário do acampamento de aprendizado: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarPainel de análise de tendência da capacidade do estúdio
Complete um painel de análise de tendências no cenário de capacidade do estúdio: inclui conteúdo real, controles acionáveis, feedback de status claro e layout para vários tamanhos de tela.
Abrir e executarFluxo de etapas de pagamento da reserva de oficina
Concluir o fluxo de etapas de pagamento no cenário de reserva de oficina: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a diferentes tamanhos.
Abrir e executarExperimento de hierarquia de peso tipográfico para legendas de exposição
Conclua um experimento de hierarquia de pesos tipográficos no cenário de instruções da exposição: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarTransição de forma do botão do tocador de música
No cenário do reprodutor de música, conclua a transição de forma do botão: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarFormas fluidas orgânicas do campo de aurora
Conclua a forma fluida orgânica no cenário do campo de aurora: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGráfico de linhas da tendência de crescimento do jardim
Complete um gráfico de linha de tendência no cenário de crescimento do jardim: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarQuiz rápido de ritual da equipe
Conclua um quiz rápido de conhecimento no cenário de ritual de equipe: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarRegulador de faixa do plano de viagem
Conclua um controlador de faixa em um cenário de plano de viagem: com conteúdo real, controles acionáveis, feedback de status claro e layout para diferentes tamanhos.
Abrir e executarEntrada de sugestões locais para solicitação de serviço
Complete a entrada de sugestões locais em um cenário de solicitação de serviço: conteúdo real, controles acionáveis, feedback claro de status e layout em múltiplos tamanhos.
Abrir e executarAbas do espaço de trabalho do projeto
Conclua as abas do espaço de projeto no contexto do espaço do projeto: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarPilha de mensagens da biblioteca de fotos
Tabela de notificações em pilha para a biblioteca de fotos: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.
Abrir e executarLinha do tempo de eventos locais
Complete a linha do tempo de atividades no cenário de eventos locais: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarTabela de dados paginada do orçamento do projeto
Complete uma tabela paginada no cenário de orçamento de projeto: inclui conteúdo real, controles acionáveis, retorno de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout clássico de três colunas para narrativa visual
No cenário de narrativa visual, conclua o layout clássico de três colunas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarÁrea de conversão da FAQ da campanha de aprendizado
Na cena de um camp de aprendizado, conclua uma área de conversão de perguntas e respostas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em várias dimensões.
Abrir e executarFluxo de atividades em tempo real da capacidade do estúdio
Completar um feed de atividades em tempo real em um cenário de capacidade de estúdio: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarCombinador de ofertas para reserva de oficina
Conclua o criador de promoções no cenário de agendamento da oficina: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarTítulo fluido para descrição de exposição
No cenário de instruções de exposição, conclua a tipografia de título fluida: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos de tela.
Abrir e executarFeedback circular de progresso do tocador de música
Conclua o feedback de progresso em anel em um cenário de player de música: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.
Abrir e executarExperimento de grade em degradê do campo de aurora
Conclua um experimento de grade em degradê em um cenário de campo de aurora: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGráfico de participação em anel do crescimento do jardim
Concluir um gráfico de rosca para a cena de crescimento do jardim: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executar