How to Build Web Apps in Code Arena

Last updated: February 13, 2026

Arena's Code Arena lets build with the best frontier AI models, and see how they compare. Create apps and websites just by chatting, and discover which models work best for you. The votes in Battle mode are what power the Code Arena Leaderboard.

CodeArena_2.gif

How To Use

First, you'll need to enable the Code Arena modality by clicking on the < > button.

Screenshot 2026-01-28 at 7.20.07 PM.png

Once enabled, start prompting, hit the Enter key or click the up arrow, and watch your vision start to generate.

Screenshot 2026-01-28 at 7.20.57 PM.png

After a little bit of time you'll see that both Option A and Option B have completed their generation.

Screenshot 2026-01-28 at 7.21.40 PM.png

You can now...

Screenshot 2026-01-28 at 7.22.09 PM.png
view the site previews
Screenshot 2026-01-28 at 7.23.14 PM.png
view the code blocks
Screenshot 2026-01-28 at 7.24.09 PM.png
access a preview links that you can share with others

Continue to iterate on the generation by continuing the chat.

Screenshot 2026-01-28 at 7.25.21 PM.png

Note that in order for the voting options to appear you must preview both generations. Once viewed, you'll see the voting options appear.

Screenshot 2026-01-28 at 7.26.45 PM.png

To access Direct and Side by Side mode navigate to the top-left and click on the drop down.

Screenshot 2026-01-28 at 7.28.12 PM.png