Interface component rankings
Best AI for UI components
Compare models on focused interface component work using current head-to-head Design Arena results, generation time, and tournament volume.
Current source snapshot
Jul 17, 2026
125 ranked entries
Live category evidence
Current Design Arena leaderboard
| Rank | Model | ELO | Win rate | Average time | Blended price | Tournament runs |
|---|---|---|---|---|---|---|
| 1 |
Claude Fable 5
Anthropic
|
1,376 | 64.6% | 133.1s | $22 | 8,663 |
| 2 |
Claude Opus 4.7
Anthropic
|
1,350 | 63.1% | 129.8s | $11 | 19,389 |
| 3 |
Claude Opus 4.6
Anthropic
|
1,339 | 63.4% | 143.0s | $11 | 19,598 |
| 4 |
GLM 5.2
Zhipu
|
1,339 | 60.0% | 307.9s | $2.15 | 11,176 |
| 5 |
Grok 4.5
xAI
|
1,338 | 56.1% | 87.3s | $3 | 5,992 |
| 6 |
Claude Opus 4.6 (Thinking)
Anthropic
|
1,324 | 61.8% | 150.3s | $11 | 11,862 |
| 8 |
Qwen3.7 Max
Alibaba
|
1,320 | 58.5% | 229.1s | $2.21 | 12,830 |
| 9 |
Claude Sonnet 5
Anthropic
|
1,317 | 56.5% | 114.3s | $4 | 5,230 |
| 10 |
Claude Sonnet 4.6
Anthropic
|
1,316 | 61.1% | 142.6s | $6 | 20,153 |
| 11 |
Muse Spark 1.1
Meta
|
1,312 | 54.8% | 184.6s | $2 | 10,843 |
| 12 |
Gemini 3 Pro Preview
Google
|
1,312 | 68.1% | 76.9s | $4.5 | 12,275 |
| 13 |
GLM 5 Turbo
Zhipu
|
1,310 | 57.9% | 262.7s | $1.9 | 12,847 |
| 14 |
Kimi K2.6
Moonshot
|
1,309 | 56.6% | 384.5s | $1.71 | 28,120 |
| 15 |
Gemini 3.5 Flash
Google
|
1,307 | 58.1% | 60.5s | $3.38 | 28,872 |
| 16 |
Kimi K2.7 Code
Moonshot
|
1,306 | 55.5% | 247.7s | $1.71 | 10,711 |
| 17 |
MiMo-V2.5
Xiaomi
|
1,299 | 55.4% | 136.9s | $0.14 | 14,447 |
| 18 |
GPT-5.5
OpenAI
|
1,298 | 56.8% | 117.8s | $11.25 | 22,204 |
| 19 |
GLM 5.1
Zhipu
|
1,292 | 54.9% | 256.8s | $2.14 | 5,939 |
| 20 |
GPT-5.4 (Medium)
OpenAI
|
1,285 | 57.5% | 116.9s | $5.63 | 10,752 |
| 21 |
Claude Opus 4.5
Anthropic
|
1,284 | 58.4% | 101.0s | $10 | 18,995 |
| 22 |
MiniMax M3
MiniMax
|
1,284 | 53.4% | 173.1s | $0.53 | 7,186 |
| 23 |
Qwen3.7 Plus
Alibaba
|
1,283 | 49.7% | 228.8s | $0.56 | 848 |
| 24 |
Claude Opus 4.8
Anthropic
|
1,282 | 54.2% | 72.7s | $10 | 15,466 |
| 25 |
Kimi K2.5 (Thinking)
Moonshot
|
1,281 | 54.0% | 194.3s | $1.3 | 27,045 |
| 26 |
MiMo-V2.5-Pro
Xiaomi
|
1,281 | 53.7% | 281.3s | $1.5 | 5,024 |
| 27 |
Gemini 3.1 Pro Preview
Google
|
1,279 | 57.8% | 87.0s | $4.5 | 36,203 |
| 28 |
GLM 5
Zhipu
|
1,277 | 53.9% | 163.0s | $1.55 | 31,968 |
| 29 |
Qwen3.6 Plus
Alibaba
|
1,274 | 51.9% | 254.1s | $0.73 | 16,468 |
| 30 |
MiniMax M2.1
MiniMax
|
1,268 | 60.9% | 114.4s | $0.53 | 9,381 |
| 31 |
DeepSeek-V4-Pro
DeepSeek
|
1,266 | 52.1% | 234.0s | $2.18 | 10,218 |
| 32 |
GPT-5.4 (Low)
OpenAI
|
1,261 | 63.6% | 61.4s | $5.63 | 11,777 |
| 33 |
GLM 5V Turbo
Zhipu
|
1,257 | 51.0% | 152.0s | $1.9 | 29,673 |
| 34 |
MiniMax M2.7
MiniMax
|
1,253 | 50.0% | 155.4s | $0.53 | 14,613 |
| 35 |
GLM 4.7 Flash
Zhipu
|
1,253 | 57.6% | 116.3s | $0.15 | 5,798 |
| 36 |
Nex N2 Pro
Nex Agi
|
1,251 | 47.4% | 370.2s | $0.44 | 3,681 |
| 37 |
Grok 4.20 Beta (Reasoning)
xAI
|
1,247 | 52.0% | 86.4s | $1.56 | 16,956 |
| 38 |
GPT-5.4 (None)
OpenAI
|
1,245 | 52.8% | 54.8s | $5.63 | 13,537 |
| 39 |
GLM 4.7
Zhipu
|
1,243 | 51.0% | 152.2s | $1 | 29,267 |
| 40 |
Grok 4.3
xAI
|
1,240 | 48.5% | 60.7s | $1.56 | 29,275 |
| 41 |
Hy3
Tencent
|
1,234 | 44.8% | 216.7s | $0.25 | 676 |
| 42 |
GPT-5.2 (Medium)
OpenAI
|
1,234 | 51.3% | 140.2s | $4.81 | 15,472 |
| 43 |
Grok 4.20 Beta
xAI
|
1,231 | 50.1% | 60.1s | $1.56 | 17,286 |
| 44 |
GPT-5 (High)
OpenAI
|
1,228 | 58.3% | 153.6s | $3.44 | 6,807 |
| 45 |
DeepSeek-V3.1 (Thinking)
DeepSeek
|
1,227 | 59.3% | 157.5s | $0.44 | 7,784 |
| 46 |
GPT-5.2 (High)
OpenAI
|
1,225 | 53.6% | 154.7s | $4.81 | 1,661 |
| 47 |
Qwen3.5 Plus 02-15
Alibaba
|
1,223 | 52.2% | 117.2s | $0.59 | 9,623 |
| 48 |
Claude Sonnet 4.5 (Thinking)
Anthropic
|
1,221 | 51.0% | 78.8s | $6.6 | 20,899 |
| 49 |
GPT-5.2 (None)
OpenAI
|
1,220 | 50.4% | 140.1s | $4.81 | 16,146 |
| 50 |
MiniMax M2.5
MiniMax
|
1,218 | 53.4% | 116.8s | $0.44 | 5,389 |
| 51 |
GPT-5.1 (Medium)
OpenAI
|
1,213 | 53.0% | 107.7s | $3.44 | 10,709 |
| 52 |
DeepSeek-V3.2-Exp
DeepSeek
|
1,212 | 53.3% | 137.8s | $0.31 | 9,583 |
| 53 |
DeepSeek-V4-Flash
DeepSeek
|
1,210 | 45.6% | 101.5s | $0.17 | 11,320 |
| 54 |
Claude Opus 4.1 (Thinking)
Anthropic
|
1,209 | 58.0% | 95.0s | $30 | 7,473 |
| 55 |
Qwen3.5 397B A17B
Alibaba
|
1,209 | 51.4% | 133.2s | $1.09 | 4,149 |
| 56 |
Claude 3.7 Sonnet
Anthropic
|
1,206 | 61.9% | 82.5s | — | 7,529 |
| 57 |
Claude Sonnet 4.5
Anthropic
|
1,206 | 48.2% | 83.2s | $6.6 | 21,320 |
| 58 |
Step 3.7 Flash
Stepfun
|
1,206 | 43.7% | 97.3s | $0.44 | 8,165 |
| 59 |
GLM 4.6
Zhipu
|
1,205 | 54.0% | 86.3s | $0.96 | 14,578 |
| 60 |
GPT-5.1 (High)
OpenAI
|
1,204 | 52.2% | 141.6s | $3.44 | 8,405 |
| 61 |
GPT-5.2 (Low)
OpenAI
|
1,204 | 48.4% | 139.0s | $4.81 | 13,533 |
| 62 |
Claude Opus 4.1
Anthropic
|
1,202 | 49.0% | 93.1s | $30 | 20,469 |
| 63 |
Claude Opus 4
Anthropic
|
1,199 | 59.2% | 83.7s | $30 | 7,932 |
| 64 |
GPT-5.1 (Low)
OpenAI
|
1,199 | 51.8% | 80.3s | $3.44 | 10,832 |
| 65 |
MiMo-V2-Flash
Xiaomi
|
1,196 | 47.8% | 48.8s | — | 16,624 |
| 66 |
DeepSeek-V3.2
DeepSeek
|
1,194 | 46.7% | 129.2s | $1 | 14,620 |
| 67 |
GPT-5 (Minimal)
OpenAI
|
1,191 | 49.8% | 112.1s | $3.44 | 17,332 |
| 68 |
Gemini 2.5 Pro
Google
|
1,190 | 60.5% | 66.2s | $3.44 | 3,845 |
| 69 |
GLM 4.5
Zhipu
|
1,190 | 55.1% | 102.2s | $1 | 9,161 |
| 70 |
GPT-5.1 (None)
OpenAI
|
1,188 | 49.8% | 79.6s | $3.44 | 10,899 |
| 71 |
Hy3 Low
Tencent
|
1,187 | 39.3% | 72.7s | $0.25 | 1,187 |
| 72 |
GPT-5.3 Codex
OpenAI
|
1,183 | 47.3% | 36.2s | $4.81 | 11,788 |
| 73 |
MiniMax M2 Stable
MiniMax
|
1,182 | 49.2% | 100.5s | $0.45 | 5,275 |
| 74 |
Claude Sonnet 4
Anthropic
|
1,175 | 58.0% | 59.5s | $6 | 8,318 |
| 75 |
Claude Sonnet 4 (Thinking)
Anthropic
|
1,172 | 53.7% | 64.9s | $6 | 7,680 |
| 76 |
Nemotron 3 Ultra
NVIDIA
|
1,172 | 38.2% | 116.8s | $0 | 4,868 |
| 77 |
GLM 4.5 Air
Zhipu
|
1,170 | 54.6% | 93.6s | $0.43 | 8,103 |
| 78 |
Qwen3 Coder 480B A35B Instruct
Alibaba
|
1,161 | 61.5% | 39.1s | $0.67 | 902 |
| 79 |
GPT-5 mini (Default)
OpenAI
|
1,151 | 42.0% | 111.2s | $0.69 | 19,371 |
| 80 |
DeepSeek-R1-0528
DeepSeek
|
1,150 | 55.1% | 66.4s | $1.15 | 8,357 |
| 81 |
Mistral Large 3 (2512)
Mistral
|
1,147 | 43.1% | 75.3s | $0.75 | 14,978 |
| 82 |
Claude Haiku 4.5
Anthropic
|
1,145 | 42.7% | 38.2s | $2.2 | 18,482 |
| 83 |
Mistral Medium 3.1 (2508)
Mistral
|
1,144 | 43.5% | 84.7s | $0.8 | 14,173 |
| 84 |
DeepSeek-V3-0324
DeepSeek
|
1,140 | 52.8% | 47.2s | $0.63 | 9,090 |
| 85 |
Gemini 2.5 Flash Preview 09-2025
Google
|
1,138 | 48.9% | 40.7s | $0.85 | 9,097 |
| 86 |
DeepSeek-V3.1
DeepSeek
|
1,130 | 47.5% | 28.8s | $0.46 | 9,535 |
| 87 |
Prime Intellect. INTELLECT-3
Prime Intellect
|
1,130 | 39.0% | 57.9s | — | 15,077 |
| 88 |
Grok 4 Fast
xAI
|
1,127 | 39.7% | 36.2s | — | 18,019 |
| 89 |
GPT-5.1 Codex Mini
OpenAI
|
1,125 | 40.8% | 35.3s | $0.69 | 17,161 |
| 90 |
Qwen3 Max
Alibaba
|
1,123 | 40.1% | 94.1s | $1.56 | 16,354 |
| 91 |
Gemini 3.1 Flash-Lite Preview
Google
|
1,117 | 37.7% | 5.4s | $0.56 | 12,910 |
| 92 |
GPT-5 nano (Default)
OpenAI
|
1,113 | 52.0% | 85.9s | $0.14 | 3,043 |
| 93 |
Grok 4.1 Fast (Reasoning)
xAI
|
1,108 | 37.3% | 55.3s | — | 16,053 |
| 94 |
Qwen3 Coder 30B A3B Instruct
Alibaba
|
1,092 | 54.1% | 25.4s | $0.12 | 492 |
| 95 |
Grok 3
xAI
|
1,090 | 41.6% | 28.7s | — | 13,192 |
| 96 |
Trinity Large Thinking
Arcee Ai
|
1,090 | 32.5% | 81.2s | $0.39 | 6,482 |
| 97 |
Grok 4.1 Fast
xAI
|
1,089 | 35.2% | 28.1s | — | 16,318 |
| 98 |
Grok 4 Fast (Reasoning)
xAI
|
1,082 | 34.9% | 23.3s | — | 18,584 |
| 99 |
Kimi K2
Moonshot
|
1,077 | 55.1% | 52.6s | $1 | 596 |
| 100 |
Mistral Medium 3 (2505)
Mistral
|
1,073 | 50.0% | 65.1s | $0.8 | 2,890 |
| 101 |
Gemini 2.5 Flash Lite Preview 09-2025
Google
|
1,067 | 41.4% | 13.0s | — | 3,139 |
| 102 |
Codestral 2508
Mistral
|
1,063 | 46.9% | 15.7s | $0.45 | 3,142 |
| 103 |
o3
OpenAI
|
1,063 | 53.3% | 51.5s | $3.5 | 590 |
| 104 |
Gemini 2.5 Flash
Google
|
1,050 | 43.5% | 59.7s | $0.85 | 3,254 |
| 105 |
GPT-4.1
OpenAI
|
1,047 | 49.7% | 65.6s | $3.5 | 767 |
| 106 |
Grok Code Fast 1
xAI
|
1,044 | 39.7% | 18.0s | — | 8,460 |
| 107 |
Grok 4
xAI
|
1,040 | 34.3% | 52.8s | — | 11,878 |
| 108 |
Devstral Medium
Mistral
|
1,033 | 44.8% | 26.6s | — | 3,285 |
| 109 |
o4-mini
OpenAI
|
1,030 | 46.9% | 46.0s | $1.93 | 877 |
| 110 |
Mercury 2
Inception
|
1,020 | 20.5% | 3.9s | $0.38 | 3,857 |
| 111 |
Qwen3-235B-A22B-Instruct-2507
Alibaba
|
1,012 | 38.8% | 38.2s | $0.3 | 3,206 |
| 112 |
GPT-4.1 mini
OpenAI
|
1,008 | 45.4% | 64.6s | $0.7 | 681 |
| 113 |
Qwen3-235B-A22B
Alibaba
|
1,008 | 39.1% | 87.8s | $0.8 | 2,399 |
| 114 |
Qwen3 30B-A3B
Alibaba
|
992 | 42.4% | 28.8s | $0.24 | 1,184 |
| 115 |
Qwen3-235B-A22B-Thinking-2507
Alibaba
|
988 | 33.9% | 126.6s | $0.75 | 2,908 |
| 116 |
GPT OSS 120B
OpenAI
|
970 | 35.5% | 16.2s | $0.26 | 2,487 |
| 117 |
GPT-4.1 nano
OpenAI
|
963 | 43.9% | 19.9s | $0.18 | 858 |
| 118 |
Mistral Small 3.2
Mistral
|
953 | 40.5% | 17.8s | $0.14 | 567 |
| 119 |
Llama 4 Maverick
Meta Llama
|
946 | 40.8% | 12.7s | $0.35 | 790 |
| 120 |
Grok 3 Mini
xAI
|
943 | 31.7% | 21.1s | — | 3,594 |
| 121 |
GPT-4o
OpenAI
|
932 | 38.1% | 12.8s | $4.38 | 854 |
| 122 |
Olmo 3.1 32B Think
Allenai
|
912 | 17.2% | 98.5s | — | 8,236 |
| 123 |
Codestral 2 (2501)
Mistral
|
898 | 32.9% | 5.5s | $0.45 | 702 |
| 124 |
Devstral Small 1.1
Mistral
|
893 | 32.6% | 6.9s | — | 600 |
| 125 |
Mistral Large 2.1 (2411)
Mistral
|
879 | 30.1% | 35.1s | — | 584 |
| 126 |
Llama 4 Scout
Meta Llama
|
814 | 25.5% | 12.1s | $0.15 | 615 |
What this ranking means. ELO summarizes head-to-head preference results inside this category. It is useful evidence for the named task, but it remains separate from the broader Vibe Coding Index.