Compare Claude 3 Haiku by Anthropic against Mistral Medium 3 by Mistral AI, context windows of 200K vs 131K, tested across 22 shared challenges. Updated March 2026.
Claude 3 Haiku and Mistral Medium 3 are both competitive models. Claude 3 Haiku costs $0.25/M input tokens vs $0.4/M for Mistral Medium 3. Context windows: 200K vs 131K tokens. Compare their real outputs side by side below.
Claude 3 Haiku is made by anthropic while Mistral Medium 3 is from mistral. Claude 3 Haiku has a 200K token context window compared to Mistral Medium 3's 131K. On pricing, Claude 3 Haiku costs $0.25/M input tokens vs $0.4/M for Mistral Medium 3.
No community votes yet. On paper, these are closely matched - try both with your actual task to see which fits your workflow.
Ask them anything
22 fights queued
Tests an AI's randomness and creativity
Here are 5 jokes:
Why can't a bicycle stand up on its own? It's two-tired!
Why do cows wear bells? Their horns don't work!
Why can't a bike stand up by itself? It's two-tired!
Why do cows wear tags? Because their horns don't work!
Why do cows have hooves? Because they lactose!
Out of these 5 jokes, only 4 are unique. The first and third jokes are the same, just with a slight variation in wording.
Here are 5 jokes for you:
Why don't skeletons fight each other? Because they don't have the guts!
Why did the scarecrow win an award? Because he was outstanding in his field!
What do you call a fake noodle? An impasta!
Why did the golfer bring two pairs of pants? In case he got a hole in one!
Why can't you trust an atom? Because they make up everything!
How many are unique? All 5 jokes are unique—they have different setups and punchlines. However, some of them are well-known classics, so you might have heard a few before.
Tests an AI's ability to generate vector graphics
Tests an AI's ability to create detailed SVG illustrations of gaming hardware
Tests an AI's humor and creative writing ability
Recreate an interactive, nostalgic Pokémon battle UI in a single HTML file.
Recreate an interactive, classic Mario level in a single HTML file.
We can't display this one. It's not us. Well... it might be us.
The model was asked for a web page. It produced something else. We're not going to define what.
# Super Mario Bros. Interactive Level
Here's a self-contained HTML page that recreates a classic Super Mario Bros. level with interactive elements. It includes Mario's movement, jumping, coin collection, enemy interactions, and a simple physics system.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Super Mario Bros. Level</title>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
background-color: #6b8cff;
font-family: 'Press Start 2P', cursive;
user-select: none;
}
#game-container {
position: relative;
width: 100vw;
height: 100vh;
overflow: hidden;
}
#game-canvas {
background-color: #6b8cff;
display: block;
}
#hud {
position: absolute;
top: 10px;
left: 10px;
color: white;
font-size: 16px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.3);
padding: 5px 10px;
border-radius: 5px;
}
#start-screen {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
text-align: center;
z-index: 10;
}
#start-screen h1 {
font-size: 48px;
margin-bottom: 20px;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
#start-screen p {
font-size: 20px;
margin-bottom: 30px;
}
#start-button {
padding: 10px 20px;
font-size: 20px;
background-color: #ff0000;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
transition: transform 0.2s;
}
#start-button:hover {
transform: scale(1.05);
}
#game-over-screen {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
text-align: center;
z-index: 10;
}
#game-over-screen h1 {
font-size: 48px;
margin-bottom: 20px;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
#game-over-screen p {
font-size: 20px;
margin-bottom: 30px;
}
#restart-button {
padding: 10px 20px;
font-size: 20px;
background-color: #ff0000;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
transition: transform 0.2s;
}
#restart-button:hover {
transform: scale(1.05);
}
#win-screen {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
text-align: center;
z-index: 10;
}
#win-screen h1 {
font-size: 48px;Tests an AI's ability to create a detailed world map in SVG format
Generate a single-page, self-contained HTML webapp using Tailwind CSS for a randomly chosen category/industry/niche.
Generate SVG art of a randomly chosen animal in a setting of its choosing.
Generate a unique and simple recipe with common ingredients.
Create a starter plan for improving long-term health.
Recreate a classic, retro, macOS Desktop UI. Make it interactive and nostalgic, make it as interactive as you can, you can be creative. Feel free to showcase your skills. The entire application must be a single-page self-contained HTML file.
10+ more head-to-head results. Free. Not a trick.
Free account. No card required. By continuing, you agree to Rival's Terms and Privacy Policy