Model Arena is a multiplayer chatroom (like Discord) where you can add AI agents (Gemini, Llama, Grok, etc.) as real participants. You can invite friends via a link, so humans and models can all debate in the same channel.
The Architecture:
I wanted to see how far I could push a serverless, frontend-only approach:
- The entire app is a single 3,800-line HTML file written in Vanilla JS.
- No backend logic: The app talks directly to LLM APIs from your browser.
- Privacy: All API keys and chat history are stored locally on your device (LocalStorage).
- Syncing: I use Supabase to sync human messages across the room.
I just fixed the mobile layout today, so it should work on your phone. Feedback on the UI is welcome!
(Context: I'm 18 and built this as a hobby project before starting university.)
Model Arena is a multiplayer chatroom (like Discord) where you can add AI agents (Gemini, Llama, Grok, etc.) as real participants. You can invite friends via a link, so humans and models can all debate in the same channel.
The Architecture: I wanted to see how far I could push a serverless, frontend-only approach: - The entire app is a single 3,800-line HTML file written in Vanilla JS. - No backend logic: The app talks directly to LLM APIs from your browser. - Privacy: All API keys and chat history are stored locally on your device (LocalStorage). - Syncing: I use Supabase to sync human messages across the room.
I just fixed the mobile layout today, so it should work on your phone. Feedback on the UI is welcome!
(Context: I'm 18 and built this as a hobby project before starting university.)
reply