← Back to Articles Directory
AI Models • August 26, 2026 • 5 min read

Ox Alpha Confirmed as GLM-5.3-Flash: Specs, Pricing Breakdown & Interactive Crane Benchmark

Ox Alpha, the mystery frontier model that lit the internet on fire over the past two weeks, has officially been confirmed to be GLM-5.3-Flash. We break down its $0.075/$0.25 pricing, 320B/18B hybrid MoE architecture, and run live interactive coding tests.

Mohid Mirza

Co-Founder & Lead Programmer of AcceleratedLogic AI

Ox Alpha, the model that was lighting the internet on fire in the past couple of weeks across developer discords, OpenCode, and competitive coding arenas, has officially been confirmed to be GLM-5.3-Flash from Zhipu AI (Z.ai).

The Mystery Behind Ox Alpha

For the past two weeks, the mystery moniker Ox Alpha circulated anonymously through API aggregators and leaderboard communities. Developers quickly noticed its extraordinary spatial comprehension, sharp reasoning speed, and clean code generation, sparking widespread speculation that an unannounced frontier model was silently undergoing public testing. Today, Zhipu AI pulled back the curtain, confirming that Ox Alpha was indeed the testbed for their newest flagship lightweight release: GLM-5.3-Flash.

The Real Story: Mind-Boggling Pricing & Value

This confirmation is incredible news, but the real headline here is the price. And the even better news: it’s astonishingly cheap. It’s currently on a 50% promotional launch sale, setting the pricing at just $0.075 per 1M input tokens and $0.25 per 1M output tokens.
To put that in perspective, on the Artificial Analysis (AA) Intelligence Index, GLM-5.3-Flash scores a 57, tying directly with Meta Muse Spark 1.2, while coming in at a fraction of the cost. Furthermore, Zhipu AI has made it available for free testing on the Z.ai web chat platform, making it accessible to any developer looking to experiment.

What Zhipu AI Claims: Architecture & Specifications

In their official release announcement, Zhipu AI described the leap in design:
> “We introduce GLM-5.3-Flash, the first natively multimodal model in the GLM-5 series. With 320B total parameters and just 18B active parameters, it outperforms GLM-5.2 across benchmarks and real-world workloads at one-tenth the price, while approaching Claude Opus 4.8 on coding and agentic benchmarks.”
> “GLM-5.3-Flash starts from a newly trained base model, with its architecture and training recipe redesigned around capability and efficiency. For the first time in the GLM series, we introduce a hybrid architecture combining sparse and linear attention, sharply reducing long-context serving costs while preserving precise long-context capabilities. The model also adopts Manifold-Constrained Hyper-Connections (mHC) to further improve scaling efficiency. Together with our latest 30T-token multimodal pre-training corpus, these changes enable GLM-5.3-Flash to deliver more intelligence with less compute.”

Deep-Dive into the Technical Breakthroughs

1. 320B Sparse MoE (18B Active Parameters) By employing a high-granularity Mixture-of-Experts (MoE) routing topology, GLM-5.3-Flash maintains the vast knowledge retention of a 320-billion-parameter foundation while activating only 18 billion parameters per token. This keeps latency lightning fast and memory bandwidth demands manageable.

2. Hybrid Sparse & Linear Attention Handling ultra-long contexts has historically caused quadratic memory explosion. GLM-5.3-Flash pairs linear attention layers with selective sparse self-attention heads, unlocking a massive 1,048,576 (1M) token context window with minimal KV-cache bloat and drastically cheaper server-side inference costs.

3. Manifold-Constrained Hyper-Connections (mHC) To prevent representation degradation across deep MoE layers, mHC constrains inter-layer gradient flow along stable manifolds, improving training stability and token routing fidelity across diverse modalities.

4. 30T-Token Natively Multimodal Corpus & Reasoning Modes Trained natively across text, high-resolution vision, procedural code, and video, GLM-5.3-Flash supports dynamic Thinking Modes (Low, High, and Max) allowing users to adjust compute expenditure to the difficulty of the prompt.

Hands-On Benchmarking: Did It Suffer Distillation?

As soon as the official launch went live, I started to benchmark it on Z.ai to confirm whether the model retains the raw power of the original Ox Alpha or if post-training quantization and safety filtering degraded its output.
I put it through our standard spatial and procedural generation tests. Interestingly, the only valid generation it completed successfully was our SVG origami crane vector test. Here is what it produced:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tsuru in Glass — Still Life № 04</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@1,300;1,500&family=Space+Grotesk:wght@300;400&display=swap" rel="stylesheet">
<style>
  :root{
    --ink:#e9e4d6;
    --dim:#8b8578;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html,body{height:100%;background:#07090b;overflow:hidden}
  body{
    display:grid;place-items:center;
    font-family:"Space Grotesk",sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  .stage{position:fixed;inset:0}
  svg{
    height:min(100vw,100vh);width:min(100vw,100vh);
    display:block;
  }
  /* ---- gallery plate frame ---- */
  .plate{position:absolute;inset:clamp(14px,2.4vw,26px);border:1px solid rgba(233,228,214,.09);pointer-events:none}
  .plate::before,.plate::after{
    content:"";position:absolute;width:15px;height:15px;border-color:rgba(233,228,214,.35);border-style:solid;
  }
  .plate::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
  .plate::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}

  /* ---- caption ---- */
  .caption{
    position:absolute;left:clamp(30px,4.5vw,58px);bottom:clamp(26px,4vw,50px);
    color:var(--dim);letter-spacing:.22em;text-transform:uppercase;
    font-size:clamp(8px,.85vw,10.5px);font-weight:300;line-height:2.1;
    pointer-events:none;
  }
  .caption .no{color:#5f5a50}
  .caption h1{
    font-family:"Fraunces",serif;font-weight:500;font-style:italic;
    text-transform:none;letter-spacing:.01em;color:var(--ink);
    font-size:clamp(19px,2.5vw,31px);margin:.35em 0 .2em;
  }
  .caption .hint{font-size:clamp(7.5px,.75vw,9.5px);color:#6a655b}
  .caption .hint b{color:#a8a294;font-weight:400}

  /* ---- ambient life: floating paper-dust motes ---- */
  .mote{animation:drift var(--d) ease-in-out infinite alternate, twinkle calc(var(--d)*.73) ease-in-out infinite}
  @keyframes drift{from{transform:translateY(-7px)}to{transform:translateY(9px)}}
  @keyframes twinkle{0%,100%{opacity:.10}50%{opacity:.34}}

  /* caustic breath */
  .causticBreath{animation:breathe 6.5s ease-in-out infinite;transform-origin:664px 908px}
  @keyframes breathe{0%,100%{opacity:.92;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.045)}}

  @media (prefers-reduced-motion:reduce){
    .mote,.causticBreath{animation:none}
  }
</style>
</head>
<body>
<div class="stage">

<svg viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg" role="img"
     aria-labelledby="ttl dsc">
  <title id="ttl">An origami crane sealed inside a crystal glass sphere</title>
  <desc id="dsc">A photoreal still life: a faceted white-paper origami crane inside a large transparent glass sphere resting on a dark stone table, with refraction, caustic light and reflections.</desc>

  <defs>
    <!-- ===================== ENVIRONMENT ===================== -->
    <linearGradient id="bgWall" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0"   stop-color="#242b32"/>
      <stop offset=".52" stop-color="#151a1f"/>
      <stop offset="1"   stop-color="#0a0d10"/>
    </linearGradient>
    <linearGradient id="floorGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0"  stop-color="#1a1e23"/>
      <stop offset=".12" stop-color="#14181c"/>
      <stop offset="1"  stop-color="#080a0d"/>
    </linearGradient>
    <radialGradient id="vig" cx="50%" cy="45%" r="72%">
      <stop offset="0"   stop-color="#000" stop-opacity="0"/>
      <stop offset=".68" stop-color="#000" stop-opacity="0"/>
      <stop offset="1"   stop-color="#000" stop-opacity=".55"/>
    </radialGradient>
    <radialGradient id="poolWarm" cx="50%" cy="50%" r="50%">
      <stop offset="0" stop-color="#ffd6a0" stop-opacity=".15"/>
      <stop offset=".55" stop-color="#ffc98a" stop-opacity=".055"/>
      <stop offset="1" stop-color="#ffc98a" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="floorSheen" cx="50%" cy="50%" r="50%">
      <stop offset="0" stop-color="#b9d2e2" stop-opacity=".07"/>
      <stop offset="1" stop-color="#b9d2e2" stop-opacity="0"/>
    </radialGradient>

    <!-- ===================== INTERIOR REFRACTION ===================== -->
    <linearGradient id="invVeil" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0"  stop-color="#8cb0c4" stop-opacity=".045"/>
      <stop offset=".55" stop-color="#2b3844" stop-opacity=".05"/>
      <stop offset="1"  stop-color="#0e161d" stop-opacity=".16"/>
    </linearGradient>
    <radialGradient id="floorGlowIn" cx="50%" cy="50%" r="50%">
      <stop offset="0" stop-color="#ffdba8" stop-opacity=".11"/>
      <stop offset=".6" stop-color="#ffdba8" stop-opacity=".035"/>
      <stop offset="1" stop-color="#ffdba8" stop-opacity="0"/>
    </radialGradient>

    <!-- ===================== GLASS ===================== -->
    <radialGradient id="gGlass" cx="45%" cy="39%" r="62%">
      <stop offset="0"   stop-color="#e9f4f8" stop-opacity=".05"/>
      <stop offset=".40" stop-color="#cde2ec" stop-opacity=".05"/>
      <stop offset=".68" stop-color="#a0c4d5" stop-opacity=".09"/>
      <stop offset=".82" stop-color="#709aad" stop-opacity=".19"/>
      <stop offset=".90" stop-color="#42667c" stop-opacity=".35"/>
      <stop offset=".96" stop-color="#223a4c" stop-opacity=".53"/>
      <stop offset="1"   stop-color="#10202d" stop-opacity=".68"/>
    </radialGradient>
    <radialGradient id="gInner" cx="47%" cy="42%" r="58%">
      <stop offset="0"  stop-color="#080c10" stop-opacity=".22"/>
      <stop offset=".55" stop-color="#0a1016" stop-opacity=".15"/>
      <stop offset=".8" stop-color="#0c141b" stop-opacity=".30"/>
      <stop offset="1"  stop-color="#0a121a" stop-opacity=".46"/>
    </radialGradient>
    <radialGradient id="keyBlob" cx="50%" cy="50%" r="50%">
      <stop offset="0" stop-color="#fff" stop-opacity=".95"/>
      <stop offset=".45" stop-color="#fff" stop-opacity=".48"/>
      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="bounceC" cx="50%" cy="50%" r="50%">
      <stop offset="0" stop-color="#cfeaf7" stop-opacity=".55"/>
      <stop offset="1" stop-color="#cfeaf7" stop-opacity="0"/>
    </radialGradient>
    <linearGradient id="diagGrad" x1="360" y1="290" x2="830" y2="810" gradientUnits="userSpaceOnUse">
      <stop offset="0"  stop-color="#fff" stop-opacity=".75"/>
      <stop offset=".5" stop-color="#fff" stop-opacity=".06"/>
      <stop offset="1"  stop-color="#bee2f2" stop-opacity=".3"/>
    </linearGradient>
    <linearGradient id="chromLin" x1="480" y1="0" x2="760" y2="0" gradientUnits="userSpaceOnUse">
      <stop offset="0"   stop-color="#ff5f4d"/>
      <stop offset=".3"  stop-color="#ffb84d"/>
      <stop offset=".55" stop-color="#7dff8a"/>
      <stop offset=".8"  stop-color="#5aa8ff"/>
      <stop offset="1"   stop-color="#b96bff"/>
    </linearGradient>

    <!-- ===================== SHADOWS / CAUSTIC ===================== -->
    <radialGradient id="softShad" cx="50%" cy="50%" r="50%">
      <stop offset="0" stop-color="#000" stop-opacity=".72"/>
      <stop offset=".55" stop-color="#000" stop-opacity=".38"/>
      <stop offset="1" stop-color="#000" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="caustG" cx="50%" cy="50%" r="50%">
      <stop offset="0" stop-color="#fff6e2" stop-opacity=".95"/>
      <stop offset=".4" stop-color="#ffe9bd" stop-opacity=".45"/>
      <stop offset="1" stop-color="#ffe2a6" stop-opacity="0"/>
    </radialGradient>
    <linearGradient id="reflFade" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0"  stop-color="#6e6e6e"/>
      <stop offset=".45" stop-color="#232323"/>
      <stop offset="1"  stop-color="#000"/>
    </linearGradient>
    <mask id="reflMask" maskUnits="userSpaceOnUse" x="0" y="0" width="1200" height="1200">
      <rect x="0" y="906" width="1200" height="420" fill="url(#reflFade)"/>
    </mask>

    <!-- ===================== ORIGAMI PAPER ===================== -->
    <linearGradient id="gFarWing" gradientUnits="userSpaceOnUse" x1="-20" y1="-70" x2="-6" y2="-188">
      <stop offset="0" stop-color="#fbf3e2"/><stop offset="1" stop-color="#ffe9c4"/>
    </linearGradient>
    <linearGradient id="gNearWing" gradientUnits="userSpaceOnUse" x1="-10" y1="-45" x2="168" y2="-100">
      <stop offset="0" stop-color="#eedcbd"/><stop offset="1" stop-color="#c5ae8a"/>
    </linearGradient>
    <linearGradient id="gQup" gradientUnits="userSpaceOnUse" x1="-54" y1="-36" x2="76" y2="-46">
      <stop offset="0" stop-color="#d8c8a8"/><stop offset="1" stop-color="#ac9a78"/>
    </linearGradient>
    <linearGradient id="gQfront" gradientUnits="userSpaceOnUse" x1="-46" y1="-50" x2="-8" y2="32">
      <stop offset="0" stop-color="#fdf7e9"/><stop offset="1" stop-color="#d3bf9c"/>
    </linearGradient>
    <linearGradient id="gQrear" gradientUnits="userSpaceOnUse" x1="55" y1="-48" x2="5" y2="30">
      <stop offset="0" stop-color="#b4a17d"/><stop offset="1" stop-color="#877657"/>
    </linearGradient>
    <linearGradient id="gNeck" gradientUnits="userSpaceOnUse" x1="-50" y1="-28" x2="-116" y2="-100">
      <stop offset="0" stop-color="#f8efdc"/><stop offset="1" stop-color="#e0cfab"/>
    </linearGradient>
    <linearGradient id="gHeadTop" gradientUnits="userSpaceOnUse" x1="-114" y1="-100" x2="-156" y2="-120">
      <stop offset="0" stop-color="#fffaf0"/><stop offset="1" stop-color="#f2e3c2"/>
    </linearGradient>
    <linearGradient id="gBeakSide" gradientUnits="userSpaceOnUse" x1="-110" y1="-86" x2="-172" y2="-58">
      <stop offset="0" stop-color="#a2947a"/><stop offset="1" stop-color="#6c5f4e"/>
    </linearGradient>
    <linearGradient id="gTailUp" gradientUnits="userSpaceOnUse" x1="76" y1="-44" x2="176" y2="-132">
      <stop offset="0" stop-color="#f1e5ca"/><stop offset="1" stop-color="#d2bfa0"/>
    </linearGradient>
    <linearGradient id="gTailLow" gradientUnits="userSpaceOnUse" x1="66" y1="-30" x2="174" y2="-132">
      <stop offset="0" stop-color="#94845f"/><stop offset="1" stop-color="#6a5c46"/>
    </linearGradient>

    <!-- ===================== FILTERS ===================== -->
    <filter id="f1"><feGaussianBlur stdDeviation="1.1"/></filter>
    <filter id="f2" x="-60%" y="-60%" width="220%" height="220%"><feGaussianBlur stdDeviation="2.2"/></filter>
    <filter id="f4" x="-80%" y="-80%" width="260%" height="260%"><feGaussianBlur stdDeviation="4.5"/></filter>
    <filter id="f6" x="-90%" y="-90%" width="280%" height="280%"><feGaussianBlur stdDeviation="6.5"/></filter>
    <filter id="f10" x="-110%" y="-110%" width="320%" height="320%"><feGaussianBlur stdDeviation="11"/></filter>
    <filter id="f16" x="-120%" y="-120%" width="340%" height="340%"><feGaussianBlur stdDeviation="17"/></filter>
    <filter id="craneShadow" x="-45%" y="-45%" width="190%" height="190%">
      <feDropShadow dx="14" dy="21" stdDeviation="13" flood-color="#000308" flood-opacity=".52"/>
    </filter>
    <filter id="grain">
      <feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/>
      <feColorMatrix type="matrix" values="0 0 0 0 .6  0 0 0 0 .6  0 0 0 0 .6  0 0 0 .9 0"/>
    </filter>

    <clipPath id="sphereClip"><circle cx="600" cy="574" r="330"/></clipPath>
  </defs>

  <!-- ============================================================ -->
  <!-- BACKDROP                                                     -->
  <!-- ============================================================ -->
  <rect width="1200" height="1200" fill="url(#bgWall)"/>

  <!-- key-light pool thrown on the wall behind the ball (parallax layer) -->
  <g id="poolLayer">
    <ellipse cx="452" cy="332" rx="470" ry="420" fill="url(#poolWarm)"/>
    <ellipse cx="452" cy="330" rx="200" ry="180" fill="url(#poolWarm)" opacity=".8"/>
    <!-- faint rim shadow band the sphere presses into the backdrop -->
    <circle cx="600" cy="574" r="356" fill="none" stroke="#000" stroke-opacity=".35"
            stroke-width="26" filter="url(#f16)"/>
  </g>

  <!-- table -->
  <g>
    <rect x="0" y="906" width="1200" height="294" fill="url(#floorGrad)"/>
    <rect x="0" y="904" width="1200" height="1.6" fill="#3b444c" opacity=".55"/>
    <rect x="0" y="908" width="1200" height="24" fill="#0c1014" opacity=".8"/>
    <ellipse cx="600" cy="985" rx="520" ry="70" fill="url(#floorSheen)"/>
  </g>

  <!-- ============================================================ -->
  <!-- TABLE REFLECTION OF THE SPHERE                               -->
  <!-- ============================================================ -->
  <g mask="url(#reflMask)">
    <g transform="translate(0,1448) scale(1,-0.6)" opacity=".72">
      <use href="#ball"/>
    </g>
  </g>

  <!-- ============================================================ -->
  <!-- CONTACT SHADOW (under the sphere, on the table)              -->
  <!-- ============================================================ -->
  <ellipse cx="616" cy="912" rx="308" ry="44" fill="url(#softShad)"/>
  <ellipse cx="608" cy="908" rx="168" ry="21" fill="url(#softShad)"/>
  <ellipse cx="600" cy="905" rx="212" ry="9" fill="#000" opacity=".8" filter="url(#f2)"/>

  <!-- ============================================================ -->
  <!-- THE GLASS SPHERE                                             -->
  <!-- ============================================================ -->
  <g id="ball">

    <!-- ---------- hollow interior : what you SEE THROUGH the glass ---------- -->
    <g id="refractLayer" clip-path="url(#sphereClip)">
      <circle cx="600" cy="574" r="330" fill="url(#invVeil)"/>
      <g id="ghostLayer">
        <!-- faint inverted-world haze + the refracted table edge curving through the lens -->
        <ellipse cx="600" cy="692" rx="268" ry="150" fill="url(#floorGlowIn)"/>
        <path d="M 298,652 Q 600,724 902,652" fill="none" stroke="#dcebf5"
              stroke-opacity=".17" stroke-width="3.2" filter="url(#f2)"/>
        <path d="M 306,646 Q 600,700 894,646" fill="none" stroke="#cfe4f0"
              stroke-opacity=".08" stroke-width="6" filter="url(#f4)"/>
        <path d="M 312,566 Q 600,484 888,566" fill="none" stroke="#fff0da"
              stroke-opacity=".06" stroke-width="5" filter="url(#f6)"/>
        <!-- broad refractive swirls -->
        <path d="M 400,430 Q 600,376 780,478" fill="none" stroke="#bcd7e4"
              stroke-opacity=".05" stroke-width="30" filter="url(#f16)"/>
        <path d="M 430,700 Q 600,760 800,668" fill="none" stroke="#ffe3b4"
              stroke-opacity=".05" stroke-width="24" filter="url(#f16)"/>
        <!-- faint inverted ghost of the crane, reflected on the sphere's far wall -->
        <use href="#craneRoot" transform="translate(768,556) scale(-0.22,0.22)"
             opacity=".065" filter="url(#f4)"/>
      </g>
    </g>

    <!-- rear-wall glass density -->
    <circle cx="600" cy="574" r="330" fill="url(#gInner)"/>

    <!-- ---------- THE ORIGAMI CRANE ---------- -->
    <g id="craneWrap">
      <g id="craneRoot" transform="translate(600,585) scale(1.02)"
         filter="url(#craneShadow)"
         stroke-linejoin="round" stroke-linecap="round">

        <!-- deepest cavity darkness between the wings -->
        <ellipse cx="30" cy="-45" rx="42" ry="10" fill="#120c06" opacity=".4"
                 filter="url(#f4)" transform="rotate(-9 30 -45)"/>

        <!-- FAR WING (raised, catching the key light) -->
        <path d="M -14,-58 L -4,-184 L 38,-48 Z" fill="url(#gFarWing)"
              stroke="#4a3b28" stroke-opacity=".4" stroke-width=".9"/>
        <path d="M -14,-58 L -8,-148" fill="none" stroke="#fffdf4"
              stroke-opacity=".55" stroke-width=".8"/>
        <ellipse cx="12" cy="-52" rx="24" ry="6" fill="#241a0e" opacity=".35"
                 filter="url(#f2)"/>

        <!-- TAIL (thin folded spike, two planes) -->
        <path d="M 76,-48 L 176,-134 L 69.5,-38.5 Z" fill="url(#gTailUp)"
              stroke="#4a3b28" stroke-opacity=".38" stroke-width=".9"/>
        <path d="M 69.5,-38.5 L 176,-134 L 63,-29 Z" fill="url(#gTailLow)"
              stroke="#4a3b28" stroke-opacity=".38" stroke-width=".9"/>

        <!-- REAR BODY plane -->
        <path d="M -14,-58 L 52,-46 L 63,-29 L -4,32 Z" fill="url(#gQrear)"
              stroke="#4a3b28" stroke-opacity=".42" stroke-width=".9"/>

        <!-- UPPER VALLEY plane between the wings -->
        <path d="M -54,-36 L -14,-58 L 52,-46 L 76,-48 Z" fill="url(#gQup)"
              stroke="#4a3b28" stroke-opacity=".42" stroke-width=".9"/>

        <!-- FRONT CHEST plane (turns towards the light) -->
        <path d="M -54,-36 L -14,-58 L -4,32 L -43,-23 Z" fill="url(#gQfront)"
              stroke="#4a3b28" stroke-opacity=".42" stroke-width=".9"/>

        <!-- NECK strip -->
        <path d="M -54,-36 L -120,-106 L -107,-91 L -43,-23 Z" fill="url(#gNeck)"
              stroke="#4a3b28" stroke-opacity=".4" stroke-width=".9"/>

        <!-- HEAD : reverse fold — crown, beak, jaw joint -->
        <path d="M -120,-106 L -154,-120 L -163,-95 L -143,-77 Z" fill="url(#gHeadTop)"
              stroke="#4a3b28" stroke-opacity=".4" stroke-width=".9"/>
        <path d="M -163,-95 L -174,-57 L -143,-77 Z" fill="url(#gBeakSide)"
              stroke="#4a3b28" stroke-opacity=".4" stroke-width=".9"/>
        <path d="M -107,-91 L -174,-57 L -143,-77 Z" fill="url(#gBeakSide)"
              stroke="#4a3b28" stroke-opacity=".4" stroke-width=".9"/>
        <path d="M -120,-106 L -107,-91 L -143,-77 Z" fill="#6a5c48"
              stroke="#3a2d1c" stroke-opacity=".5" stroke-width=".9"/>

        <!-- NEAR WING (in front of the body — hard occlusion sells the depth) -->
        <path d="M -2,-54 L 52,-44 L 166,-88 Z" fill="url(#gNearWing)"
              stroke="#4a3b28" stroke-opacity=".45" stroke-width=".95"/>

        <!-- structural creases -->
        <g fill="none" stroke="#3b2f1f" stroke-opacity=".5" stroke-width="1.05">
          <path d="M -14,-58 L 52,-46"/>
          <path d="M 52,-44 L 166,-88"/>
          <path d="M 69.5,-38.5 L 176,-134"/>
          <path d="M -107,-91 L -143,-77"/>
          <path d="M -120,-106 L -107,-91"/>
          <path d="M -2,-54 L 166,-88" stroke-opacity=".28"/>
        </g>
        <!-- edge-lit paper gleams -->
        <g fill="none" stroke="#fffcf0" stroke-width=".8" stroke-opacity=".4">
          <path d="M -14,-58 L 50,-47"/>
          <path d="M -3,-53 L 128,-83" stroke-opacity=".55"/>
          <path d="M -116,-103 L -55,-38"/>
          <path d="M -152,-119 L -161,-96"/>
        </g>
      </g>
    </g>

    <!-- ---------- near-surface glass: absorption over everything ---------- -->
    <circle cx="600" cy="574" r="330" fill="url(#gGlass)"/>

    <!-- interior chromatic aberration (two slightly de-centered rings) -->
    <circle cx="596.5" cy="574" r="317" fill="none" stroke="#ff8a5c" stroke-opacity=".10"
            stroke-width="3" filter="url(#f2)"/>
    <circle cx="603.5" cy="574" r="313" fill="none" stroke="#5ecbff" stroke-opacity=".10"
            stroke-width="3" filter="url(#f2)"/>

    <!-- warm bounce from the table licking the inner lower-right rim -->
    <path d="M 878,723 A 318 318 0 0 1 716,868" fill="none" stroke="#ffe0b0"
          stroke-opacity=".28" stroke-width="9" filter="url(#f6)"/>

    <!-- ---------- FRESEL RIM + JEWEL SPARKS (head-parallax layer) ---------- -->
    <g id="jewelLayer">
      <circle cx="600" cy="574" r="325" fill="none" stroke="url(#diagGrad)"
              stroke-width="7" opacity=".16" filter="url(#f4)"/>
      <circle cx="600" cy="574" r="325" fill="none" stroke="url(#diagGrad)"
              stroke-width="2.2" opacity=".85"/>
      <!-- key-light arc, upper left -->
      <path d="M 306.4,438.1 A 324 324 0 0 1 463,281.4" fill="none" stroke="#fff"
            stroke-opacity=".2" stroke-width="10" filter="url(#f6)"/>
      <path d="M 306.4,438.1 A 324 324 0 0 1 463,281.4" fill="none" stroke="#fff"
            stroke-opacity=".78" stroke-width="3.6" filter="url(#f1)"/>
      <!-- bounce arc, lower right -->
      <path d="M 893.6,711.9 A 324 324 0 0 1 710.8,879.5" fill="none" stroke="#c6e8f6"
            stroke-opacity=".14" stroke-width="9" filter="url(#f6)"/>
      <path d="M 893.6,711.9 A 324 324 0 0 1 710.8,879.5" fill="none" stroke="#d8f0fa"
            stroke-opacity=".5" stroke-width="2.6" filter="url(#f1)"/>
      <circle cx="371" cy="346" r="9" fill="#fff" opacity=".22" filter="url(#f6)"/>
      <circle cx="371" cy="346" r="3.6" fill="#fff" opacity=".95" filter="url(#f1)"/>
      <circle cx="806" cy="322" r="2.4" fill="#e8f7ff" opacity=".8" filter="url(#f1)"/>
    </g>
  </g><!-- /ball -->

  <!-- ---------- SPECULAR WINDOW REFLECTIONS ON THE NEAR SURFACE ---------- -->
  <g id="specLayer" clip-path="url(#sphereClip)">
    <ellipse cx="415" cy="385" rx="96" ry="42" fill="url(#keyBlob)" opacity=".85"
             filter="url(#f16)" transform="rotate(-42 415 385)"/>
    <ellipse cx="402" cy="370" rx="46" ry="17" fill="url(#keyBlob)"
             filter="url(#f4)" transform="rotate(-44 402 370)"/>
    <ellipse cx="386" cy="359" rx="13" ry="7" fill="#fff" opacity=".95"
             filter="url(#f1)" transform="rotate(-46 386 359)"/>
    <circle cx="378" cy="355" r="3" fill="#fff" opacity=".95"/>
    <!-- dimmed counter-window, lower right -->
    <ellipse cx="786" cy="760" rx="56" ry="18" fill="url(#bounceC)" opacity=".8"
             filter="url(#f6)" transform="rotate(-38 786 760)"/>
    <ellipse cx="792" cy="754" rx="16" ry="6" fill="#eaf7fd" opacity=".55"
             filter="url(#f2)" transform="rotate(-38 792 754)"/>
  </g>

  <!-- ============================================================ -->
  <!-- TRANSMITTED CAUSTIC LIGHT on the table                       -->
  <!-- ============================================================ -->
  <g class="causticBreath">
    <ellipse cx="664" cy="909" rx="98" ry="15" fill="url(#caustG)" filter="url(#f4)"/>
    <ellipse cx="678" cy="907" rx="152" ry="4.5" fill="#fff5dd" opacity=".9"
             filter="url(#f2)"/>
    <ellipse cx="700" cy="906" rx="200" ry="3" fill="url(#chromLin)" opacity=".3"
             filter="url(#f4)"/>
    <path d="M 721,1078 A 211 211 0 0 1 478,1076" fill="none" stroke="url(#chromLin)"
           stroke-opacity=".2" stroke-width="4" filter="url(#f6)"/>
  </g>

  <!-- ============================================================ -->
  <!-- GRAIN, VIGNETTE, DUST                                        -->
  <!-- ============================================================ -->
  <rect width="1200" height="1200" fill="url(#vig)"/>
  <rect width="1200" height="1200" filter="url(#grain)" opacity=".045"
        style="mix-blend-mode:overlay"/>

  <g fill="#cfe3ee">
    <circle class="mote" cx="286" cy="392" r="1.4" style="--d:7s"/>
    <circle class="mote" cx="432" cy="298" r="1"   style="--d:9.5s"/>
    <circle class="mote" cx="758" cy="338" r="1.2" style="--d:8.2s"/>
    <circle class="mote" cx="842" cy="512" r=".9"  style="--d:11s"/>
    <circle class="mote" cx="918" cy="424" r="1.5" style="--d:7.6s"/>
    <circle class="mote" cx="316" cy="606" r="1.1" style="--d:10s"/>
    <circle class="mote" cx="694" cy="256" r="1"   style="--d:8.8s"/>
  </g>
</svg>

<!-- ------------------------- FRAMING ------------------------- -->
<div class="plate"></div>
<div class="caption">
  <div class="no">Still Life № 04 — Carved Light</div>
  <h1>Origami tsuru in blown glass</h1>
  <div class="hint"><b>Move your cursor</b> — the light follows you around the sphere.</div>
</div>

</div>

<script>
(function(){
  var reduced = matchMedia('(prefers-reduced-motion: reduce)').matches;
  var finePtr = matchMedia('(pointer: fine)').matches;

  function $(id){ return document.getElementById(id); }
  var layers = [
    { el:$('specLayer'),   k:[ 26, 16] },   // window reflections slide across the near glass
    { el:$('jewelLayer'),  k:[ 14,  9] },   // fresnel sparkles track a little slower
    { el:$('ghostLayer'),  k:[-20,-12] },   // the refracted interior worlds moves oppositely
    { el:$('refractLayer'),k:[ -8, -5] },
    { el:$('poolLayer'),   k:[ -7, -4] },   // wall light parallax
    { el:$('craneWrap'),   k:[3.5,2.5] }    // the crane barely drifts — it's physical
  ];

  var mx=0,my=0, px=0,py=0, last=performance.now();

  addEventListener('pointermove', function(e){
    mx = (e.clientX/innerWidth )*2 - 1;
    my = (e.clientY/innerHeight)*2 - 1;
  });
  document.addEventListener('pointerleave', function(){ mx=0; my=0; });

  function set(el,x,y){
    el.setAttribute('transform','translate('+x.toFixed(2)+' '+y.toFixed(2)+')');
  }

  function frame(t){
    var dt = Math.min(0.05,(t-last)/1000); last = t;
    var ease = Math.min(1, dt*5.5);
    px += (mx-px)*ease;
    py += (my-py)*ease;

    // idle breathing: gentle autonomous light drift, damped when the pointer is active
    var activity = Math.min(1, Math.hypot(px,py));
    var idleW = 1 - activity*0.8;
    var ix = (Math.sin(t*0.00023)*0.5 + Math.sin(t*0.000071)*0.32) * idleW;
    var iy = (Math.cos(t*0.00019)*0.38) * idleW;

    var X = px + ix, Y = py + iy;
    for(var i=0;i<layers.length;i++){
      set(layers[i].el, X*layers[i].k[0], Y*layers[i].k[1]);
    }
    requestAnimationFrame(frame);
  }

  if(!reduced){
    requestAnimationFrame(frame);
  } else {
    // honour reduced motion: static, perfectly composed frame
    layers.forEach(function(l){ set(l.el,0,0); });
  }
})();
</script>
</body>
</html>

Evaluating the Generation

Looking at the output above, it generated Tsuru in Glass — Still Life № 04, complete with a pointer-following parallax lighting script, multi-layered caustic gradients, and floating dust motes.
However, in terms of sheer geometric elegance and vector precision, it isn’t quite as impressive as the mind-blowing crane that Ox Alpha generated during the anonymous test phase. The faceted creases on the origami wings feel slightly flatter and less geometrically cohesive.
More concerningly, when pushed with heavier tasks—such as our interactive 3D WebGL procedural terrain globe, third-person Three.js game loops, and full repository scaffolding—the current Z.ai deployment repeatedly hung or returned server-side generation errors.

Final Verdict

Overall, I’m really excited about GLM-5.3-Flash. Delivering 320B MoE capacity at $0.075 / $0.25 per million tokens with an AA score of 57 is an extraordinary achievement for open-weight multimodal AI.
However, right now it seems to be biting off a bit more than it can chew in terms of serving infrastructure and complex multi-step generative stability. Once Zhipu AI irons out the API reliability and generation timeouts, this could easily become one of the premier budget workhorses in AI coding.
Preliminary Rating: 7.5 / 10 (Pending API stability improvements)

Read Next

AI Models • 3 min read

DeepSeek V4 Pro 0813 Released: Specs, Benchmarks & Hands-On Vector/3D Coding Tests

DeepSeek V4 Pro 0813 released on August 12, 2026. With 1.6T total parameters (49B active per token), 1M context, and $0.435/M input & $0.87/M output pricing, we run the first hands-on vector SVG and 3D globe benchmarks.

Mohid Mirza
AI Models • 7 min read

DeepSeek V4 Flash 0731 Review: The Outstanding Value Workhorse

DeepSeek V4 Flash 0731 is a 284B MoE model (13B active) delivering frontier-adjacent coding and reasoning at $0.03 per task. Here is our full review and benchmark breakdown.

Mohid Mirza
AI Models • 5 min read

Ox Alpha Released: Specs, Benchmarks & Interactive Coding Tests

Ox Alpha released on August 21, 2026. With state-of-the-art spatial reasoning and native code generation capabilities, we run full interactive tests across SVG vector graphics, 3D procedural globes, and WebGL action-adventure games.

Mohid Mirza
← Back to Articles Directory