demos.js

const categoryDemos = [
  {
    name: `ONNX Runtime`,
    description: `ONNX Runtime`,
    demos: {
      'ort-phi3': {
        name: 'phi3',
        description: `phi3 from Microsoft`,
        filename: "ort-phi3",
      },
      'ort-sam': {
        name: 'Segment Anything',
        description: `Segment Anything from https://github.com/guschmue/ort-webgpu/tree/master/segment-anything`,
        filename: "ort-sam",
        video: "ort-sam.mp4",
      },
      'ort-sdturbo': {
        name: 'Stable Diffusion Turbo',
        description: `Stable Diffusion Turbo from https://github.com/guschmue/ort-webgpu/tree/master/sd-turbo`,
        filename: "ort-sdturbo",
      },
      'ort-tinyllama': {
        name: 'Tiny Llama',
        description: `Tiny Llama from https://github.com/guschmue/ort-webgpu/tree/master/chat`,
        filename: "ort-tinyllama",
      },
      'ort-yolo': {
        name: 'Yolo',
        description: `Yolo V9 from https://github.com/guschmue/ort-webgpu/tree/master/yolov9`,
        filename: "ort-yolo",
      },
    },
  },
  {
    name: `TFLite`,
    description: `TFLite`,
    demos: {
      'tflite-gemma': {
        name: 'Gemma',
        description: `Gemma with TFLite and MediaPipe from https://github.com/googlesamples/mediapipe/tree/main/examples/llm_inference/js, <a href=https://developers.googleblog.com/2024/03/running-large-language-models-on-device-with-mediapipe-andtensorflow-lite.html>more info.</a>`,
        filename: "tflite-gemma",
      },
    },
  },
  {
    name: 'Transformers.js',
    description: 'Transformers.js',
    demos: {
      benchmark: {
        name: 'Benchmark',
        description: `Benchmark by Transformers.js`,
        filename: "https://huggingface.co/spaces/Xenova/webgpu-embedding-benchmark",
        openInNewTab: true,
      },
      'tjs-clip': {
        name: 'OpenAI Clip',
        description: `Zero-shot Image Classification with OpenAI's CLIP by Transformers.js`,
        filename: "https://huggingface.co/spaces/Xenova/webgpu-clip",
        openInNewTab: true,
        video: 'tjs-clip.mp4',
      },
      depthAnything: {
        name: 'Depth Anything',
        description: `Depth Anything by Transformers.js`,
        filename: "https://huggingface.co/spaces/Xenova/webgpu-depth-anything",
        openInNewTab: true,
      },
      removeImageBackground: {
        name: 'Remove Image Background',
        description: `Image Background Removal by Transformers.js`,
        filename: "https://huggingface.co/spaces/Xenova/remove-background-webgpu",
        openInNewTab: true,
      },
      removeVideoBackground: {
        name: 'Remove Video Background',
        description: `Video Background Removal by Transformers.js`,
        filename: "https://huggingface.co/spaces/Xenova/webgpu-video-background-removal",
        openInNewTab: true,
      },
    },
  },
  {
    name: 'TVM',
    description: 'TVM',
    demos: {
      sd: {
        name: 'Web Stable Diffusion',
        description: `Web Stable Diffusion`,
        filename: "https://websd.mlc.ai/",
        openInNewTab: true,
      },
      llm: {
        name: 'Web LLM (Gemma/LLama/Mistral/Phi)',
        description: `Web LLM`,
        filename: "https://webllm.mlc.ai/",
        openInNewTab: true,
      },
    },
  },
  {
    name: `Developer Only`,
    description: `Developer Only`,
    demos: {
      'ort-phi2-test': {
        name: 'phi2 test',
        description: `phi2 from Microsoft`,
        filename: "ort-phi2-test",
      },
      'ort-phi3-test': {
        name: 'phi3 test',
        description: `phi3 from Microsoft`,
        filename: "ort-phi3-test",
      },
    },
  },
];