Skip to content
Banja Labs
HomeWorkWhat we doThe lab
Let's talk

grok-4.20-reasoning

grok-4.20-reasoning scored 71.4% composite across 87 tasks. This run covers Australian accounting, Animation, Auth screens, Dashboards, Australian law, Marketing pages, Programming, SVG and graphics, svg-scene, UI components, Websites. Published 2026-06-25.

All experimentsModel resultsDesigner buildsCompare models
API single-shotdefault reasoning
Composite
71.4%
95% CI 62.6% - 79.3%
Est. cost
$0.4885
USD
Tokens
219,591
generation
Wall clock
6 min
end to end
Gate pass
-
validated
Separation
-
good vs bad

By domain

Composite score per domain, weakest first. Judge is the vision model’s read, shown for the visual domains.

svg-scene
1 task
41.7%
judge
41.7%
composite
Websites
15 tasks
45.0%
composite
Animation
2 tasks
58.3%
judge
58.3%
composite
Auth screen
1 task
66.7%
judge
66.7%
composite
Australian accounting
23 tasks
67.2%
composite
Marketing page
1 task
68.8%
judge
68.8%
composite
Dashboard
1 task
70.8%
judge
70.8%
composite
UI components
19 tasks
73.6%
composite
Australian law
5 tasks
80.0%
composite
SVG and graphics
13 tasks
94.2%
composite
Programming
6 tasks
100.0%
composite

Outputs

The actual rendered output. Open any tile to view it in a popup, or compare the same task across every model.

53 results
grok-4.20-reasoning Animation output - Simple UI animation
Open

Simple UI animation

ANIM-0001Judge 2.7/5
Compare models
grok-4.20-reasoning Animation output - Complex animation scene
Open

Complex animation scene

ANIM-0002Judge 3.9/5
Compare models
grok-4.20-reasoning Auth screen output - Register / login screen
Open

Register / login screen

AUTH-0001Judge 3.7/5
Compare models
grok-4.20-reasoning UI components output - Keyboard-operable modal dialog with focus trap and return
Open

Keyboard-operable modal dialog with focus trap and return

AYGAT-00010.0%
Compare models
grok-4.20-reasoning UI components output - Keyboard-operable select-only combobox with a listbox popup
Open

Keyboard-operable select-only combobox with a listbox popup

AYGAT-000294.4%
Compare models
grok-4.20-reasoning UI components output - Keyboard-operable menu button with arrow-key navigation
Open

Keyboard-operable menu button with arrow-key navigation

AYGAT-000394.4%
Compare models
grok-4.20-reasoning UI components output - Keyboard-operable tabs with roving tabindex and arrow-key activation
Open

Keyboard-operable tabs with roving tabindex and arrow-key activation

AYGAT-000493.4%
Compare models
grok-4.20-reasoning UI components output - Keyboard-operable accordion with disclosure buttons and arrow navigation
Open

Keyboard-operable accordion with disclosure buttons and arrow navigation

AYGAT-00050.0%
Compare models
grok-4.20-reasoning UI components output - Keyboard-operable ARIA radiogroup with roving tabindex
Open

Keyboard-operable ARIA radiogroup with roving tabindex

AYGAT-000694.4%
Compare models
grok-4.20-reasoning Dashboard output - SaaS analytics dashboard
Open

SaaS analytics dashboard

DASH-0001Judge 3.8/5
Compare models
grok-4.20-reasoning SVG and graphics output - Bar chart with exact proportional heights for [4, 10, 6, 8, 12]
Open

Bar chart with exact proportional heights for [4, 10, 6, 8, 12]

DIAGR-000125.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Four-node pipeline flow graph with exactly four edges
Open

Four-node pipeline flow graph with exactly four edges

DIAGR-0002100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Horizontal stacked bar with proportional segments and a legend
Open

Horizontal stacked bar with proportional segments and a legend

DIAGR-0003100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Org chart with three reporting edges and a fixed hierarchy
Open

Org chart with three reporting edges and a fixed hierarchy

DIAGR-0004100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Gantt chart with proportional start offsets and durations
Open

Gantt chart with proportional start offsets and durations

DIAGR-0005100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Grouped two-series bar chart across three categories with a legend
Open

Grouped two-series bar chart across three categories with a legend

DIAGR-0006100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Five-node hub-and-satellite network with exactly six edges
Open

Five-node hub-and-satellite network with exactly six edges

DIAGR-0007100.0%
Compare models
grok-4.20-reasoning Marketing page output - Marketing landing page
Open

Marketing landing page

MKT-0001Judge 3.8/5
Compare models
grok-4.20-reasoning UI components output - Stat card built to a frozen token sheet
Open

Stat card built to a frozen token sheet

PIXEL-0001100.0%
Compare models
grok-4.20-reasoning UI components output - Three overlapping layers in an exact z-order and position
Open

Three overlapping layers in an exact z-order and position

PIXEL-00020.0%
Compare models
grok-4.20-reasoning UI components output - Flex toolbar with an exact gap and exact button geometry
Open

Flex toolbar with an exact gap and exact button geometry

PIXEL-0003100.0%
Compare models
grok-4.20-reasoning UI components output - Two-column grid split with exact column widths and gutter
Open

Two-column grid split with exact column widths and gutter

PIXEL-00040.0%
Compare models
grok-4.20-reasoning UI components output - Pill CTA button built to an exact box and token sheet
Open

Pill CTA button built to an exact box and token sheet

PIXEL-0005100.0%
Compare models
grok-4.20-reasoning UI components output - Progress bar with an exact fill width and track tokens
Open

Progress bar with an exact fill width and track tokens

PIXEL-0006100.0%
Compare models
grok-4.20-reasoning UI components output - Segmented pill nav with an exact active pill and gap
Open

Segmented pill nav with an exact active pill and gap

PIXEL-0007100.0%
Compare models
grok-4.20-reasoning UI components output - Notification badge pinned to an avatar at an exact offset and z-order
Open

Notification badge pinned to an avatar at an exact offset and z-order

PIXEL-0008100.0%
Compare models
grok-4.20-reasoning Websites output - Header nav that collapses to a menu button below a breakpoint
Open

Header nav that collapses to a menu button below a breakpoint

RESPO-00010.0%
Compare models
grok-4.20-reasoning Websites output - Feature grid that reflows from one to two to three columns
Open

Feature grid that reflows from one to two to three columns

RESPO-00020.0%
Compare models
grok-4.20-reasoning Websites output - Sidebar and content layout that never overflows, including at the tablet width
Open

Sidebar and content layout that never overflows, including at the tablet width

RESPO-00030.0%
Compare models
grok-4.20-reasoning Websites output - Responsive nav that both collapses at the breakpoint and toggles open on mobile
Open

Responsive nav that both collapses at the breakpoint and toggles open on mobile

RESPO-0004100.0%
Compare models
grok-4.20-reasoning Websites output - Gallery grid that widens from one to four columns as the viewport grows
Open

Gallery grid that widens from one to four columns as the viewport grows

RESPO-00050.0%
Compare models
grok-4.20-reasoning Websites output - Headline type scale that steps up at the tablet and desktop breakpoints
Open

Headline type scale that steps up at the tablet and desktop breakpoints

RESPO-0006100.0%
Compare models
grok-4.20-reasoning Websites output - CTA buttons that stack full-width on mobile and sit in a row on desktop
Open

CTA buttons that stack full-width on mobile and sit in a row on desktop

RESPO-00070.0%
Compare models
grok-4.20-reasoning svg-scene output - Sydney Harbour at golden hour (SVG scene)
Open

Sydney Harbour at golden hour (SVG scene)

SCENE-0001Judge 2.7/5
Compare models
grok-4.20-reasoning Websites output - Reproduce a three-tier SaaS pricing page from its screenshot
Open

Reproduce a three-tier SaaS pricing page from its screenshot

SCREE-000197.3%
Compare models
grok-4.20-reasoning Websites output - Reproduce a dark analytics dashboard overview from its screenshot
Open

Reproduce a dark analytics dashboard overview from its screenshot

SCREE-000291.5%
Compare models
grok-4.20-reasoning Websites output - Reproduce an editorial blog article page from its screenshot
Open

Reproduce an editorial blog article page from its screenshot

SCREE-000387.2%
Compare models
grok-4.20-reasoning Websites output - Reproduce a split product-feature section from its screenshot
Open

Reproduce a split product-feature section from its screenshot

SCREE-00040.0%
Compare models
grok-4.20-reasoning Websites output - Reproduce the Banja home page hero from its screenshot
Open

Reproduce the Banja home page hero from its screenshot

SCREE-000593.4%
Compare models
grok-4.20-reasoning SVG and graphics output - Single-concept flat icon (coffee cup with steam)
Open

Single-concept flat icon (coffee cup with steam)

SVG-0001100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Simple house icon (square, triangle roof, door)
Open

Simple house icon (square, triangle roof, door)

SVG-0002100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Flat multi-object scene (sun, hills, hot-air balloon)
Open

Flat multi-object scene (sun, hills, hot-air balloon)

SVG-0003100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Geometric logo mark (overlapping circles, abstract monogram)
Open

Geometric logo mark (overlapping circles, abstract monogram)

SVG-0004100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Tiny bar chart for values [3, 7, 5, 9]
Open

Tiny bar chart for values [3, 7, 5, 9]

SVG-0005100.0%
Compare models
grok-4.20-reasoning SVG and graphics output - Traffic light with only the green light lit
Open

Traffic light with only the green light lit

SVG-0006100.0%
Compare models
grok-4.20-reasoning UI components output - Accessible pricing card with a monthly/annual toggle
Open

Accessible pricing card with a monthly/annual toggle

UI-000199.5%
Compare models
grok-4.20-reasoning UI components output - Accessible accordion FAQ that expands on click
Open

Accessible accordion FAQ that expands on click

UI-000299.5%
Compare models
grok-4.20-reasoning UI components output - Tabbed interface that switches panels on click
Open

Tabbed interface that switches panels on click

UI-000361.7%
Compare models
grok-4.20-reasoning UI components output - Signup form with inline email validation
Open

Signup form with inline email validation

UI-000461.7%
Compare models
grok-4.20-reasoning UI components output - Stat and testimonial card grid
Open

Stat and testimonial card grid

UI-000599.2%
Compare models
grok-4.20-reasoning Websites output - Landing page with a working mobile nav toggle
Open

Landing page with a working mobile nav toggle

WEB-000123.7%
Compare models
grok-4.20-reasoning Websites output - Dashboard with a sortable data table
Open

Dashboard with a sortable data table

WEB-000222.3%
Compare models
grok-4.20-reasoning Websites output - Pricing page with a working billing toggle and FAQ accordion
Open

Pricing page with a working billing toggle and FAQ accordion

WEB-000360.0%
Compare models

Objective tasks

Programming, Australian legal and accounting, graded by execution. 21 of 34 scored a perfect 100.0%; the rest are below. Open the answer in a popup, or compare it across every model.

TaskDomainDifficultyObjectivePass at first attemptOutput
ACC-0002Australian accountingmedium90.0%100.0%
CompareOpen ↗
ACC-0003Australian accountingeasy90.0%100.0%
CompareOpen ↗
AUSFA-0002Australian accountingmedium85.0%100.0%
CompareOpen ↗
AUSFA-0004Australian accountingmedium85.0%100.0%
CompareOpen ↗
AUSFA-0005Australian accountingmedium0.0%0.0%
CompareOpen ↗
AUSFA-0006Australian accountingmedium15.0%0.0%
CompareOpen ↗
AUSFA-0009Australian accountinghard15.0%0.0%
CompareOpen ↗
AUSFA-0011Australian accountinghard33.3%0.0%
CompareOpen ↗
AUSFA-0012Australian accountinghard0.0%0.0%
CompareOpen ↗
AUSFA-0013Australian accountinghard33.3%0.0%
CompareOpen ↗
AUSFA-0014Australian accountinghard0.0%0.0%
CompareOpen ↗
BASQU-0003Australian accountinghard0.0%0.0%
CompareOpen ↗
LAW-0003Australian lawhard0.0%0.0%
CompareOpen ↗
View 21 tasks with a perfect recorded score
TaskDomainDifficultyObjectivePass at first attemptOutput
ACC-0001Australian accountingeasy100.0%100.0%
CompareOpen ↗
ACC-0004Australian accountingmedium100.0%100.0%
CompareOpen ↗
ACC-0005Australian accountinghard100.0%100.0%
CompareOpen ↗
ACC-0006Australian accountingmedium100.0%100.0%
CompareOpen ↗
AUSFA-0001Australian accountingeasy100.0%100.0%
CompareOpen ↗
AUSFA-0003Australian accountingeasy100.0%100.0%
CompareOpen ↗
AUSFA-0007Australian accountingmedium100.0%100.0%
CompareOpen ↗
AUSFA-0008Australian accountinghard100.0%100.0%
CompareOpen ↗
AUSFA-0010Australian accountingmedium100.0%100.0%
CompareOpen ↗
BASQU-0001Australian accountinghard100.0%100.0%
CompareOpen ↗
BASQU-0002Australian accountinghard100.0%100.0%
CompareOpen ↗
CODE-0001Programmingeasy100.0%100.0%
CompareOpen ↗
CODE-0002Programmingmedium100.0%100.0%
CompareOpen ↗
CODE-0003Programmingmedium100.0%100.0%
CompareOpen ↗
CODE-0004Programmingeasy100.0%100.0%
CompareOpen ↗
CODE-0005Programmingmedium100.0%100.0%
CompareOpen ↗
CODE-0006Programminghard100.0%100.0%
CompareOpen ↗
LAW-0001Australian lawmedium100.0%100.0%
CompareOpen ↗
LAW-0002Australian lawmedium100.0%100.0%
CompareOpen ↗
LAW-0004Australian lawhard100.0%100.0%
CompareOpen ↗
LAW-0005Australian lawmedium100.0%100.0%
CompareOpen ↗

Product thinking,
design and engineering

An independent product lab, building in Australia.

hello@banja.au
HomeWorkWhat we doThe labStart a conversation
About the labProductsExperimentsJournalWebsites & brand? Norex
© 2026 Banja LabsBuilt together in Australia
PrivacyTermsLinkedIn ↗