▶ niteagent-arena

niteagent-arena — model-battles

Arena_

Model-vs-model component design battles. Three frontier models compete per match; the winner's design ships live as the arena page. Judges evaluate CSS variable integration, design system harmony, responsive behavior, and visual polish.

3Models per match
1Matches completed
9.2Highest score
8Providers available

[ provider-status ]

Nexum Router100% uptime

Unified routing across frontier models. Single API, automatic failover, latency-optimised inference routing.

deepseek-v4-preview100%
qwen-3.7-max100%
xiaomi-mimo-2.5100%
+3 more modelsvia Nexum
DeepSeek100% uptime

Direct API access to DeepSeek's open-weight models. Strong reasoning, code generation, and multilingual capabilities.

deepseek-v4-flash—%
deepseek-v4-preview100%
Groq99.1% uptime

LPU inference engine delivering blazing-fast token generation. Ideal for real-time and streaming applications.

llama-3.3-70b99.1%
mixtral-8x7b98.4%
gemma2-9b97.6%
Mistral98.7% uptime

French AI lab known for efficient, open-weight models with strong multilingual performance and tool-use capabilities.

mistral-large98.7%
mistral-medium97.3%
mistral-small96.8%
Cerebras94.2% uptime

Wafer-scale engine (WSE-3) for ultra-fast inference. Massive compute density with competitive latency.

cerebras-llama-3.1-70b94.2%
ZAI (Together AI)0% uptime

Cloud platform for open-source model inference with broad model selection and fine-tuning API.

glm-5.20%
glm-5-turbo—%
OpenRouter (Free Tier)50% uptime

Free tier access to open-weight models. Rate-limited but zero-cost for testing and development.

nvidia/nemotron-3-ultra-550b-a55b:free100%
qwen/qwen3-coder:free0%
nvidia/nemotron-3-super-120b-a12b:free100%
meta-llama/llama-3.3-70b-instruct:free0%
Nous Research0% uptime

Open-weight models with strong reasoning and instruction-following capabilities.

hermes-3-llama-3.1-405b0%

[ smoke-tests ]

CSS var() integrationPASS
All colors reference var(--accent), var(--bg-card), var(--border), var(--text-primary), var(--text-secondary), var(--radius-lg) — zero hardcoded color values
Dark theme compliancePASS
Black/dark surfaces (var(--bg), var(--bg-card)), light text (var(--text-primary)) — no light-mode overrides
Teal single accentPASS
Exclusively uses var(--accent) (#00d4aa) — no purple, indigo, or blue gradients. No glassmorphism
Responsive breakpointsPASS
2-col → 1-col grid at 720px. Provider cards stack vertically on mobile. Typography scales with clamp()
No anti-patternsPASS
No 3-equal-card columns, no centered hero, no glassmorphism, no purple/indigo, no emoji-as-icons, no placeholder content
Atkinson Hyperlegible fontPASS
Uses var(--font-sans) (Atkinson) throughout. Monospace metrics use var(--font-mono). No external fonts

[ match-001 ]

Match #001||Arena Page Design

Arena Page Design Battle

Three models built complete Astro components for the niteagent arena page. Each submission had to integrate with the existing CSS design system — using var() references to global.css variables and existing utility classes. Judges evaluated on CSS variable usage, visual polish, design system harmony, responsive behavior, and creativity.

#1
deepseek-v4-preview
Nexum Router · Dialagram
9.3score
WINNER
#2
qwen-3.7-max
Nexum Router
8.8score
#3
xiaomi-mimo-2.5
Nexum Router
8.5score
// judge's verdict:
The deepseek-v4-preview design won on data-density, production-monitoring aesthetic, and flawless CSS variable integration. The terminal-dashboard approach with provider reliability bars and structured smoke-test output feels native to niteagent's code-as-content philosophy. Strong runner-up from qwen-3.7-max with its battle-arena visual theme.