vibecodingnav
中/EN
Benchmarks/lmarena-image-to-webdev

LMArena Image-to-WebDev

2026-10-09 · Frontend

What it measures
Generate a web page from an image or screenshot. The source page also includes agentic coding flows that need several steps and tool use.
How
Two anonymous models each build a page from the same image. A person votes after looking. Only votes cast before the identities are revealed count.
What the score means
The score is a pairwise strength estimate, read like Elo. The +30/-30 beside a score is the interval printed on the page, from that row’s rating bounds.
Caveats
It measures whether a person prefers the generated page, not whether tests pass. Effort tiers and harnesses of the same model are ranked separately. Preliminary rows have fewer votes and can move. This is not the text-prompt WebDev board.
Updates
Updated continuously. This page's board date is 2026-10-09, synced 2026-10-11. We sync weekly and write changes on the home page.

Full board

64

All
#Rank spreadModelScoreCIVotesPrice $/MContext
11–5claude-opus-5.5-maxAnthropic · Proprietarymax1749+30/-30493$4 / $201M
21–5claude-sonnet-5.5-xhighAnthropic · Proprietaryxhigh1740+20/-201,074$2 / $101M
31–5gpt-6-astra-maxOpenAI · Proprietarymax1731+13/-132,739$10 / $501.1M
41–5claude-fable-5.1-maxAnthropic · Proprietarymax1720+14/-142,470$10 / $501M
51–5gpt-6.1-sol-maxOpenAI · Proprietarymax1703+17/-171,430$2 / $101.1M
66–9gpt-6-sol-maxOpenAI · Proprietarymax1661+13/-132,426$2 / $101.1M
76–9claude-opus-5-maxAnthropic · Proprietarymax1661+10/-104,250$5 / $251M
86–9muse-spark-1.3-maxMeta · Proprietarymax1642+10/-104,688$1.25 / $4.251M
96–12qwen3.8-max-0902Alibaba · Proprietary0902Preliminary1638+18/-181,164$2 / $61M
109–14claude-fable-5-highAnthropic · Proprietaryhigh1622+9/-95,457$10 / $501M
119–19qwen3.8-maxAlibaba · ProprietaryPreliminary1614+10/-103,971$2 / $61M
129–23deepseek-v4.1-flash-maxDeepSeek · MITmax1609+22/-22766$0.30 / $1.201M
1310–20gpt-5.6-sol-xhigh (codex-harness)OpenAI · Proprietaryxhigh1608+10/-104,478$4 / $201.1M
1410–21gemini-3.7-flash-highGoogle · ProprietaryPreliminary1603+13/-132,144$0.75 / $3.751M
1511–22grok-4.6-highSpaceXAI · Proprietary1601+12/-122,826$2 / $6500K
1611–24muse-spark-1.3 (xHigh)Meta · Proprietaryxhigh1598+14/-142,152$1.25 / $4.251M
1711–24mimo-v2.6-flashXiaomi · MIT1597+14/-141,930$0.14 / $0.281.1M
1811–25mimo-v2.6-proXiaomi · MIT1595+13/-132,199$0.43 / $0.871.1M
1911–25gemini-3.8-flash-highGoogle · ProprietaryhighPreliminary1593+14/-142,015$0.75 / $3.751M
2013–26glm-5.3-flashZ.ai · MIT1581+10/-104,315$0.06 / $0.201M

Score and price

The horizontal axis is the Pareto page’s blended price, (input + 3×output) / 4, in $/M. The vertical axis is the board score. Filled points are the six models that page lists, with the prices printed there.

arena.ai/leaderboard/code/image-to-webdev/pareto0.214164017491285
  • claude-opus-5.5-max1749 · $16/M
  • claude-sonnet-5.5-xhigh1740 · $8/M
  • muse-spark-1.3-max1642 · $3.50/M
  • deepseek-v4.1-flash-max1609 · $0.97/M
  • mimo-v2.6-flash1597 · $0.25/M
  • glm-5.3-flash1581 · $0.17/M

Used by