> ## Documentation Index
> Fetch the complete documentation index at: https://qualcomm-3.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Tutorials

> Tutorials & technical deep dives from Qualcomm Dragonwing

<div id="posts" style={{ display: "grid", gridTemplateColumns: "repeat(2, minmax(0, 1fr))", gridAutoRows: "1fr", alignItems: "stretch", gap: "2rem" }}>
  <a href="/tutorials/paddle-npu-reproduce" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(30,30,60,0.88), rgba(49,1,125,0.55)), url(https://mintlify.s3.us-west-1.amazonaws.com/qualcomm-3/tutorials/img/paddle-npu/YOLO_cover.png)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Paddle detection step by step with Qualcomm tools
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · QAIRT</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Part 3 of 3 · QAIRT / NPU / Step-by-step</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Paddle detection step by step with Qualcomm tools</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Every command from dataset to live NPU inference: YOLOv8n fine-tuning, QAIRT A16W8 quantization, and a resident C++ daemon on the IQ-8275 EVK. 9 steps, no shortcuts.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/raulrosettomunoz/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Raul Muñoz</a> · Aug 10, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/edge-impulse-quickstart" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(7,104,139,0.90), rgba(49,1,125,0.65)), url(https://mintlify.s3.us-west-1.amazonaws.com/qualcomm-3/tutorials/img/paddle-npu/ei_live.png)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Paddle detection with Edge Impulse
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · Edge AI</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Part 2 of 3 · Edge Impulse / NPU</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Paddle detection with Edge Impulse</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>No QAIRT toolchain, no C++. Train on the platform, download one binary, get 2 ms NPU inference on the IQ-8275 EVK. Under two hours.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/raulrosettomunoz/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Raul Muñoz</a> · Aug 5, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/paddle-npu-story" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(49,1,125,0.88), rgba(7,104,139,0.65)), url(https://mintlify.s3.us-west-1.amazonaws.com/qualcomm-3/tutorials/img/paddle-npu/YOLO_cover.png)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Teaching a Qualcomm chip to spot a ping-pong paddle
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · Edge AI</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Part 1 of 3 · Computer Vision / NPU</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Teaching a Qualcomm chip to spot a ping-pong paddle</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>From first photo to live NPU inference on the IQ-8275 EVK: every design decision, failure, fix, and benchmark. CNN from scratch vs YOLOv8n fine-tuning vs Edge Impulse, all paths converge at 2 ms.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/raulrosettomunoz/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Raul Muñoz</a> · Aug 3, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/aihub-qnn-native-yolo-depth" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(49,1,125,0.92), rgba(7,104,139,0.80))",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Live YOLO depth on the NPU with AI Hub and native QNN
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · Edge AI</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI Hub / QNN / NPU</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Live YOLO depth on the NPU with AI Hub and native QNN</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Quantize YOLO depth with AI Hub, compile to QNN DLC/context, run it from a persistent C++ QNN app, and display a live USB-camera depth overlay with Python/OpenCV.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span>Heath Blandford · Jul 29, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/pi05-vla-on-dragonwing-npu" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(180deg, rgba(49,1,125,0.25) 0%, rgba(49,1,125,0.75) 100%), url(https://mintcdn.com/qualcomm-3/k0_idbsCCrku7k-o/images/tutorials/pi05-vla/closed-loop-rollout-poster.png?fit=max&auto=format&n=k0_idbsCCrku7k-o&q=85&s=107b1480043066798ca20bc9e8a6fc7b)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Pi0.5 VLA on the IQ-9075 NPU
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Robotics</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Run the Pi0.5 VLA model on the Dragonwing IQ-9075 NPU</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Take Pi0.5, a 3-billion-parameter vision-language-action model, from download to robot motion entirely on the Hexagon NPUs of an IQ-9075 EVK — 1.1 s action chunks, 4.3× real time, no CPU fallback.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/rami-mouro/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Rami Mouro</a> · Jul 29, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/deploy-nemotron-nano-on-dragonwing-iq9075" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(49,1,125,0.82), rgba(7,104,139,0.56)), url(https://mintcdn.com/qualcomm-3/gHCjmHHn0mCw4aoT/images/tutorials/qai-nemotron/iq9075-evk.jpg?fit=max&auto=format&n=gHCjmHHn0mCw4aoT&q=85&s=760d513f0d8b295eed3e6adb6dc0bf13)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Nemotron Nano on Dragonwing IQ-9075
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI / ML</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Deploy NVIDIA Nemotron Nano on Dragonwing IQ-9075</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Quantize Nemotron Nano with AIMET W4A16, compile it in Qualcomm AI Hub, and run it with Genie/QnnHtp on the IQ-9075 EVK.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/eivholt/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Eivind Holt</a> · Jun 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/ostree-qli" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(180deg, rgba(26,10,77,0.25) 0%, rgba(49,1,125,0.7) 100%), url(https://mintcdn.com/qualcomm-3/k0_idbsCCrku7k-o/images/tutorials/ostree-iq8-evk.png?fit=max&auto=format&n=k0_idbsCCrku7k-o&q=85&s=7ea40cd010c3ed0275a298cb4ee5d781)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          OTA updates on Qualcomm Linux 2.0
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Qualcomm Linux · OTA</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Shipping OTA updates on Qualcomm Linux 2.0 without losing your weekend</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Build two OSTree images, flash once, then move a live IQ-8275 EVK to the new version over the air, with rollback safety and an 8 MB delta.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/raulrosettomunoz/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Raul Muñoz</a> · Jun 29, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/turtlebot3-on-dragonwing" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    position: "relative",
    height: "200px",
    overflow: "hidden",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    textAlign: "center"
  }}
      >
        <img src="https://mintcdn.com/qualcomm-3/gHCjmHHn0mCw4aoT/images/tutorials/tb3_ros_iq9.jpg?fit=max&auto=format&n=gHCjmHHn0mCw4aoT&q=85&s=7c29cae4aaba13f58911bcca6966247f" alt="TurtleBot3 Burger carrying a Qualcomm Dragonwing SBC" style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", objectPosition: "center" }} width="4000" height="3000" data-path="images/tutorials/tb3_ros_iq9.jpg" />

        <div style={{ position: "absolute", inset: 0, background: "linear-gradient(180deg, rgba(11,114,133,0.25) 0%, rgba(49,1,125,0.7) 100%)" }} />

        <div style={{ position: "relative", color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2, padding: "1.5rem", textShadow: "0 2px 8px rgba(0,0,0,0.55)" }}>
          TurtleBot3 on Dragonwing
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Robotics</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Drive a TurtleBot3 with ROS 2 on Dragonwing</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Bring up a TurtleBot3 Burger on a Dragonwing SBC, build a map with Cartographer SLAM, and drive it autonomously with Nav2, all on ROS 2 Jazzy.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/rami-mouro/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Rami Mouro</a> · Jun 26, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/npu-monitoring" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    background: "linear-gradient(135deg, rgba(11,26,77,0.7) 0%, rgba(26,58,143,0.6) 55%, rgba(37,99,235,0.5) 100%), url('https://mintcdn.com/qualcomm-3/k0_idbsCCrku7k-o/images/fake-npu-graph.png?fit=max&auto=format&n=k0_idbsCCrku7k-o&q=85&s=3f086be43f62486230090765687f2d14')",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Real-Time NPU Monitoring
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI / ML</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Real-Time NPU Monitoring on Qualcomm Ubuntu with libqcperf</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Get live, programmatic NPU utilization data on Qualcomm Ubuntu using libqcperf, including Q6, HVX, HMX, and clock metrics over FastRPC.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/samuel-freund/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Sam Freund</a> · Jun 30, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/tutorials/gemma-litert-lm-on-iq8" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(180deg, rgba(49,1,125,0.25) 0%, rgba(114,9,183,0.7) 100%), url(https://mintcdn.com/qualcomm-3/k0_idbsCCrku7k-o/images/tutorials/gemma.jpg?fit=max&auto=format&n=k0_idbsCCrku7k-o&q=85&s=19dd5d5b9cebb316b8965b63fd510011)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Gemma on the IQ8 NPU
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI / ML</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Run Gemma-4 E2B on the IQ8 NPU with LiteRT-LM</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Build LiteRT-LM from source and run Google's Gemma-4 E2B on the Hexagon NPU of a Dragonwing IQ-8275, from an Ubuntu prototype to a Qualcomm Linux production image.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/rami-mouro/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Rami Mouro</a> · Jun 29, 2026</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>
</div>