Ir para o conteúdo
fedi.software

Desenvolvimento web

Modelos classificados pela criação de apps web funcionais a partir de um prompt na arena WebDev do LMArena, com preços e contexto.

Atualizado · Fontes: LMArena, LiteLLM, models.dev

Custo por mês
Tier Modelo Elo Entrada / saída, por 1M Por mês Contexto App Comparar
B1.399US$ 0,1644 / US$ 0,9864Grátis 262K
C1.365US$ 0,10 / US$ 0,25Grátis 262K
C1.360US$ 0,1126 / US$ 0,9008Grátis 262K
C1.358US$ 0,042 / US$ 0,22Grátis 262K
C1.274US$ 0,13 / US$ 0,50Grátis 262K
Comparar ()

Os tiers são nossos: a posição de um modelo no ranking, contando só os modelos cujo intervalo de confiança inteiro fica acima dele. S — 10% do topo, A — até 30%, B — até 60%, C — até 85%, D — o restante.

Qualidade x preço nota no eixo vertical, preço combinado (3 partes de entrada : 1 de saída) no horizontal, USD por 1M de tokens
1.000 1.200 1.400 1.600 1.800 2.000 US$ 0,01 US$ 0,10 US$ 1 US$ 10 Claude Opus 5.5 GPT-6 Astra Claude Sonnet 5.5

Uma arena para aplicativos, não para respostas

O ranking de desenvolvimento web usa a arena WebDev do LMArena. Nela, dois modelos recebem o mesmo pedido — por exemplo, “crie uma lista de tarefas com filtro por data” — e cada um constrói um aplicativo web funcionando. As pessoas testam os dois resultados e votam no aplicativo que preferiram. A nota final segue o estilo Elo, com intervalo de confiança de 95%.

Como o voto é dado sobre o aplicativo pronto, a nota reflete o resultado como um todo: o layout, se o código funciona de verdade e se o pedido foi seguido. Estilo de código, sozinho, não decide nada aqui.

Diferenças para os outros rankings

  • A WebDev tem o seu próprio conjunto de modelos, diferente dos rankings de texto e de programação.
  • As colunas são as mesmas: tier, Elo com intervalo, preços e contexto.
  • A regra de votos também: modelos com menos de 300 votos aparecem como “Ainda sem tier”.

Limites do que é avaliado

Os aplicativos da arena são pequenos, feitos a partir de um único pedido. Projetos grandes, com várias telas, banco de dados e integração com outros sistemas, não são avaliados. Um modelo que se sai bem aqui é um bom candidato para protótipos e telas isoladas; para um sistema inteiro, teste no seu próprio fluxo de trabalho antes de decidir.

Como usar na prática

Filtre por preço e janela de contexto, marque até 4 candidatos e compare-os na página de comparação. Depois, veja quais agentes de programação permitem usar o modelo escolhido no editor ou no terminal. A calculadora “Custo por mês” ajuda a estimar o gasto se você for gerar muitas páginas.

Dados e atualização

As notas vêm do LMArena WebDev; preços e contexto, do models.dev e do LiteLLM. Tudo é atualizado diariamente, e a data dos dados aparece acima da tabela.