Showcase

A pelican riding a motorcycle, built by Mistral Large 4

Hostedvia OpenCodeOpenRouter
Running live in your browserNew tab
Show the code the model wrote
SVG13,280 characters
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600" width="900" height="600">
  <defs>
    <linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#BEE3F8"/>
      <stop offset="100%" stop-color="#E8F6FD"/>
    </linearGradient>
    <linearGradient id="road" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#6B7280"/>
      <stop offset="100%" stop-color="#4B5563"/>
    </linearGradient>
    <linearGradient id="bodyGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#FFFFFF"/>
      <stop offset="100%" stop-color="#E5E7EB"/>
    </linearGradient>
    <linearGradient id="beakGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#FBBF24"/>
      <stop offset="100%" stop-color="#F59E0B"/>
    </linearGradient>
    <linearGradient id="pouchGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#FCD34D"/>
      <stop offset="100%" stop-color="#F59E0B"/>
    </linearGradient>
    <radialGradient id="sunGrad" cx="50%" cy="50%" r="50%">
      <stop offset="0%" stop-color="#FDE68A"/>
      <stop offset="100%" stop-color="#FBBF24"/>
    </radialGradient>
  </defs>

  <!-- Sky background -->
  <rect x="0" y="0" width="900" height="600" fill="url(#sky)"/>

  <!-- Sun -->
  <circle cx="740" cy="110" r="55" fill="url(#sunGrad)"/>
  <circle cx="740" cy="110" r="70" fill="#FBBF24" opacity="0.15"/>

  <!-- Clouds -->
  <g fill="#FFFFFF" opacity="0.9">
    <ellipse cx="180" cy="100" rx="55" ry="22"/>
    <ellipse cx="220" cy="88" rx="45" ry="20"/>
    <ellipse cx="150" cy="90" rx="35" ry="16"/>
    <ellipse cx="560" cy="70" rx="40" ry="16" opacity="0.7"/>
    <ellipse cx="590" cy="62" rx="32" ry="14" opacity="0.7"/>
  </g>

  <!-- Distant hills -->
  <path d="M0 420 Q 150 360 320 410 T 640 400 T 900 415 L 900 600 L 0 600 Z" fill="#A7D8A0" opacity="0.6"/>

  <!-- Ground / Road -->
  <rect x="0" y="470" width="900" height="130" fill="url(#road)"/>
  <rect x="0" y="470" width="900" height="8" fill="#9CA3AF"/>
  <!-- Road dashes -->
  <g fill="#F9FAFB">
    <rect x="30" y="530" width="60" height="6" rx="3"/>
    <rect x="180" y="530" width="60" height="6" rx="3"/>
    <rect x="330" y="530" width="60" height="6" rx="3"/>
    <rect x="480" y="530" width="60" height="6" rx="3"/>
    <rect x="630" y="530" width="60" height="6" rx="3"/>
    <rect x="780" y="530" width="60" height="6" rx="3"/>
  </g>

  <!-- Speed lines behind rear wheel -->
  <g stroke="#93C5FD" stroke-width="5" stroke-linecap="round" opacity="0.8">
    <line x1="60" y1="380" x2="170" y2="380"/>
    <line x1="40" y1="410" x2="160" y2="410"/>
    <line x1="70" y1="440" x2="175" y2="440"/>
    <line x1="30" y1="360" x2="120" y2="360" opacity="0.5"/>
    <line x1="50" y1="465" x2="150" y2="465" opacity="0.5"/>
  </g>

  <!-- ============ MOTORCYCLE ============ -->
  <g>
    <!-- Rear wheel (smaller) -->
    <g>
      <circle cx="250" cy="440" r="62" fill="#1F2937"/>
      <circle cx="250" cy="440" r="46" fill="#374151"/>
      <circle cx="250" cy="440" r="30" fill="#9CA3AF"/>
      <circle cx="250" cy="440" r="10" fill="#4B5563"/>
      <!-- spokes -->
      <g stroke="#6B7280" stroke-width="3">
        <line x1="250" y1="440" x2="250" y2="412"/>
        <line x1="250" y1="440" x2="250" y2="468"/>
        <line x1="250" y1="440" x2="222" y2="440"/>
        <line x1="250" y1="440" x2="278" y2="440"/>
        <line x1="250" y1="440" x2="230" y2="420"/>
        <line x1="250" y1="440" x2="270" y2="460"/>
        <line x1="250" y1="440" x2="270" y2="420"/>
        <line x1="250" y1="440" x2="230" y2="460"/>
      </g>
    </g>

    <!-- Front wheel (larger) -->
    <g>
      <circle cx="640" cy="430" r="75" fill="#1F2937"/>
      <circle cx="640" cy="430" r="56" fill="#374151"/>
      <circle cx="640" cy="430" r="36" fill="#9CA3AF"/>
      <circle cx="640" cy="430" r="12" fill="#4B5563"/>
      <!-- spokes -->
      <g stroke="#6B7280" stroke-width="3">
        <line x1="640" y1="430" x2="640" y2="396"/>
        <line x1="640" y1="430" x2="640" y2="464"/>
        <line x1="640" y1="430" x2="606" y2="430"/>
        <line x1="640" y1="430" x2="674" y2="430"/>
        <line x1="640" y1="430" x2="616" y2="406"/>
        <line x1="640" y1="430" x2="664" y2="454"/>
        <line x1="640" y1="430" x2="664" y2="406"/>
        <line x1="640" y1="430" x2="616" y2="454"/>
      </g>
    </g>

    <!-- Swingarm / rear frame to rear wheel -->
    <path d="M 380 400 L 250 440" stroke="#6B7280" stroke-width="10" stroke-linecap="round"/>

    <!-- Main frame -->
    <path d="M 250 440 L 400 360 L 560 370 L 640 430" fill="none" stroke="#DC2626" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
    <!-- Frame triangle -->
    <path d="M 400 360 L 480 430 L 250 440 Z" fill="none" stroke="#B91C1C" stroke-width="8" stroke-linejoin="round"/>

    <!-- Engine block -->
    <g>
      <rect x="400" y="400" width="90" height="55" rx="10" fill="#4B5563"/>
      <rect x="410" y="410" width="70" height="35" rx="6" fill="#6B7280"/>
      <circle cx="445" cy="427" r="12" fill="#374151"/>
      <g stroke="#374151" stroke-width="3">
        <line x1="415" y1="415" x2="415" y2="440"/>
        <line x1="430" y1="415" x2="430" y2="440"/>
        <line x1="445" y1="415" x2="445" y2="440"/>
        <line x1="460" y1="415" x2="460" y2="440"/>
        <line x1="475" y1="415" x2="475" y2="440"/>
      </g>
    </g>

    <!-- Exhaust pipe -->
    <path d="M 490 430 Q 540 460 580 455 L 585 445 Q 545 448 500 420 Z" fill="#9CA3AF"/>
    <ellipse cx="583" cy="450" rx="10" ry="7" fill="#4B5563"/>

    <!-- Fuel tank -->
    <path d="M 470 340 Q 520 320 570 345 Q 575 365 555 372 L 480 372 Q 465 355 470 340 Z" fill="#DC2626"/>
    <path d="M 480 345 Q 520 330 560 348" fill="none" stroke="#FCA5A5" stroke-width="4" stroke-linecap="round" opacity="0.7"/>

    <!-- Saddle / seat -->
    <path d="M 330 355 Q 360 340 420 348 L 430 365 Q 380 375 335 368 Z" fill="#1F2937"/>
    <path d="M 335 358 Q 370 348 420 352" fill="none" stroke="#4B5563" stroke-width="3"/>

    <!-- Front fork -->
    <line x1="640" y1="430" x2="590" y2="300" stroke="#9CA3AF" stroke-width="9" stroke-linecap="round"/>
    <line x1="652" y1="432" x2="602" y2="302" stroke="#6B7280" stroke-width="7" stroke-linecap="round"/>

    <!-- Handlebars -->
    <path d="M 590 300 Q 585 280 565 275" fill="none" stroke="#1F2937" stroke-width="8" stroke-linecap="round"/>
    <path d="M 602 302 Q 600 282 585 272" fill="none" stroke="#1F2937" stroke-width="8" stroke-linecap="round"/>
    <!-- Grips -->
    <rect x="552" y="268" width="22" height="12" rx="6" fill="#374151" transform="rotate(-15 563 274)"/>
    <rect x="575" y="265" width="22" height="12" rx="6" fill="#374151" transform="rotate(-10 586 271)"/>

    <!-- Headlight -->
    <circle cx="612" cy="315" r="16" fill="#FDE68A" stroke="#D97706" stroke-width="4"/>
    <circle cx="612" cy="315" r="8" fill="#FEF3C7"/>
    <!-- headlight beam -->
    <path d="M 628 315 L 720 295 L 720 335 Z" fill="#FEF3C7" opacity="0.35"/>

    <!-- Front fender -->
    <path d="M 575 385 Q 640 350 705 385" fill="none" stroke="#DC2626" stroke-width="10" stroke-linecap="round"/>

    <!-- Rear fender -->
    <path d="M 195 410 Q 250 375 305 410" fill="none" stroke="#B91C1C" stroke-width="8" stroke-linecap="round"/>

    <!-- Kickstand (up) -->
    <line x1="420" y1="450" x2="400" y2="480" stroke="#6B7280" stroke-width="5" stroke-linecap="round"/>

    <!-- Pedals / foot pegs -->
    <rect x="470" y="455" width="35" height="8" rx="4" fill="#374151"/>
    <rect x="380" y="460" width="30" height="8" rx="4" fill="#374151"/>
  </g>

  <!-- ============ PELICAN RIDER ============ -->
  <g>
    <!-- Far leg (behind body) - foot on far peg -->
    <path d="M 400 400 Q 385 430 385 458" fill="none" stroke="#F59E0B" stroke-width="14" stroke-linecap="round"/>
    <!-- far webbed foot -->
    <g fill="#F59E0B">
      <ellipse cx="385" cy="462" rx="16" ry="7"/>
      <path d="M 372 462 L 360 456 M 372 464 L 358 464 M 372 466 L 360 472" stroke="#F59E0B" stroke-width="4" stroke-linecap="round" fill="none"/>
    </g>

    <!-- Tail feathers (behind body, pointing back-up) -->
    <g fill="#E5E7EB" stroke="#D1D5DB" stroke-width="2">
      <path d="M 300 330 Q 260 310 240 285 Q 270 300 305 315 Z"/>
      <path d="M 305 345 Q 262 335 238 320 Q 272 322 310 330 Z"/>
      <path d="M 310 358 Q 270 358 245 350 Q 278 345 312 348 Z"/>
    </g>

    <!-- Body (plump, leaning forward) -->
    <path d="M 310 340
             Q 300 290 340 265
             Q 390 235 450 250
             Q 510 265 520 310
             Q 528 350 500 380
             Q 460 410 390 405
             Q 330 400 310 340 Z"
          fill="url(#bodyGrad)" stroke="#D1D5DB" stroke-width="3"/>

    <!-- Body shading (light from top-left) -->
    <path d="M 340 265 Q 390 235 450 250 Q 480 258 500 280 Q 460 260 400 262 Q 360 265 340 265 Z" fill="#FFFFFF" opacity="0.6"/>
    <path d="M 310 340 Q 330 400 390 405 Q 460 410 500 380 Q 505 395 495 405 Q 450 425 385 418 Q 325 410 310 340 Z" fill="#D1D5DB" opacity="0.4"/>

    <!-- Wing (near side, reaching forward to handlebar) -->
    <path d="M 420 280
             Q 480 270 540 260
             Q 570 258 585 270
             Q 575 285 545 292
             Q 490 305 440 310
             Q 420 300 420 280 Z"
          fill="#F3F4F6" stroke="#D1D5DB" stroke-width="3"/>
    <!-- wing feather lines -->
    <g stroke="#D1D5DB" stroke-width="2.5" fill="none" opacity="0.8">
      <path d="M 440 290 Q 500 280 560 272"/>
      <path d="M 445 300 Q 500 292 555 283"/>
    </g>
    <!-- wing tip gripping handlebar -->
    <path d="M 560 262 Q 575 262 585 270 Q 590 276 585 280 Q 572 278 562 274 Z" fill="#E5E7EB" stroke="#D1D5DB" stroke-width="2"/>

    <!-- Near leg - foot on near peg -->
    <path d="M 430 395 Q 455 425 468 452" fill="none" stroke="#F59E0B" stroke-width="15" stroke-linecap="round"/>
    <!-- near webbed foot on peg -->
    <g fill="#F59E0B">
      <ellipse cx="478" cy="458" rx="18" ry="8"/>
      <path d="M 464 458 L 450 452 M 464 460 L 448 460 M 464 462 L 450 468" stroke="#F59E0B" stroke-width="4.5" stroke-linecap="round" fill="none"/>
    </g>

    <!-- Neck (S-curve, leaning forward) -->
    <path d="M 470 270
             Q 500 240 510 205
             Q 518 175 505 150
             Q 495 130 470 125
             L 460 145
             Q 480 150 488 168
             Q 498 190 490 215
             Q 480 245 450 275 Z"
          fill="url(#bodyGrad)" stroke="#D1D5DB" stroke-width="3"/>

    <!-- Head -->
    <ellipse cx="455" cy="128" rx="38" ry="32" fill="#FFFFFF" stroke="#D1D5DB" stroke-width="3" transform="rotate(-8 455 128)"/>

    <!-- Head shading -->
    <path d="M 425 115 Q 445 100 470 108 Q 450 105 430 118 Z" fill="#FFFFFF" opacity="0.7"/>

    <!-- Crest feathers on back of head -->
    <g fill="#F3F4F6" stroke="#D1D5DB" stroke-width="2">
      <path d="M 425 105 Q 410 95 405 82 Q 420 90 430 100 Z"/>
      <path d="M 432 100 Q 422 88 420 75 Q 433 85 438 96 Z"/>
    </g>

    <!-- Eye (determined look) -->
    <circle cx="468" cy="120" r="7" fill="#1F2937"/>
    <circle cx="470.5" cy="117.5" r="2.5" fill="#FFFFFF"/>
    <!-- determined eyebrow -->
    <path d="M 458 108 L 478 112" stroke="#6B7280" stroke-width="4" stroke-linecap="round"/>

    <!-- Beak (upper mandible - long, oversized) -->
    <path d="M 488 118
             Q 560 110 640 128
             Q 655 132 652 140
             Q 600 138 540 140
             Q 505 142 488 138
             Q 482 128 488 118 Z"
          fill="url(#beakGrad)" stroke="#D97706" stroke-width="2.5"/>

    <!-- Beak tip (slight hook) -->
    <path d="M 640 128 Q 655 132 652 140 Q 648 148 638 146 Q 648 140 640 128 Z" fill="#D97706"/>

    <!-- Gular pouch (under beak) -->
    <path d="M 490 138
             Q 540 142 600 140
             Q 640 140 650 142
             Q 645 175 600 185
             Q 545 192 505 175
             Q 488 160 490 138 Z"
          fill="url(#pouchGrad)" stroke="#D97706" stroke-width="2.5"/>

    <!-- Pouch crease lines -->
    <g stroke="#D97706" stroke-width="2" fill="none" opacity="0.5">
      <path d="M 510 150 Q 560 158 620 152"/>
      <path d="M 515 165 Q 560 172 610 165"/>
    </g>

    <!-- Nostril on beak -->
    <ellipse cx="510" cy="124" rx="4" ry="2.5" fill="#B45309"/>

    <!-- Beak highlight -->
    <path d="M 495 122 Q 560 116 630 130" fill="none" stroke="#FDE68A" stroke-width="3" stroke-linecap="round" opacity="0.7"/>

    <!-- Small wing nub (far side hint, behind body) -->
    <path d="M 380 290 Q 350 285 330 295 Q 345 305 375 305 Z" fill="#E5E7EB" stroke="#D1D5DB" stroke-width="2" opacity="0.8"/>
  </g>

  <!-- Motion dust behind rear wheel -->
  <g fill="#D1D5DB" opacity="0.5">
    <circle cx="170" cy="470" r="8"/>
    <circle cx="145" cy="480" r="6"/>
    <circle cx="190" cy="485" r="5"/>
    <circle cx="120" cy="470" r="4"/>
  </g>

  <!-- Small foreground grass tufts -->
  <g stroke="#4ADE80" stroke-width="3" stroke-linecap="round" fill="none">
    <path d="M 80 470 Q 78 458 74 452 M 80 470 Q 82 456 86 450 M 80 470 Q 80 458 80 450"/>
    <path d="M 820 470 Q 818 458 814 452 M 820 470 Q 822 456 826 450 M 820 470 Q 820 458 820 450"/>
  </g>
</svg>

Same prompt, other models

8 more
Compare side by side

One email when a new model lands on the board or in the showcase. Unsubscribe anytime.