Skip to content

Web Integrations for the NZXT Kraken Series

Use NZXT CAM's Web Integration Mode to stream custom web integrations directly to NZXT Kraken displays.

See supported devices

Development

It's easy to make your own custom web integration - all you need is some knowledge of HTML, CSS, and/or Javascript. No external libraries are required!

Get Started

Share with the community

With one click, users can immediately display your web integration on their NZXT Kraken series AIO liquid cooler.

Display a custom web integration

NZXT CAM Monitoring Data

Want to create a web integration using NZXT CAM monitoring data? We provide a simple API with Typescript definitions directly from NZXT CAM - so you can build engaging and informative visualizations.

npm install @nzxt/web-integrations-types

import { MonitoringData } from "@nzxt/web-integrations-types/v1";

const { height, width, targetFps, shape } = window.nzxt.v1;

window.nzxt = {
  v1: {
    onMonitoringDataUpdate: (data: MonitoringData) => {
      const { cpus, gpus, ram, kraken } = data;

      // build cool visualizations with this data!
    }
  }
};