`<MobileUnsupported />`

The fallback screen dendrite shows when a mobile browser can't run WebGPU inference. Renders inside <ChatWidget /> automatically when the engine throws MOBILE_UNSUPPORTED. Customize the logo + learn-more link via props.

Desktop Required

This AI runs directly on your device's GPU using WebGPU. Mobile browsers don't have enough memory for local AI inference yet.

Open this page on a desktop or laptop with Chrome, Edge, or Brave for the full experience.

Learn more at AgentLayerZero

<script setup lang="ts">
import { useNeuron, MobileUnsupported } from '@agent-layer-zero/dendrite-vue'

const { error } = useNeuron({ modelId: '…' })
</script>

<template>
  <MobileUnsupported
    v-if="error === 'MOBILE_UNSUPPORTED'"
    logo-src="/your-logo.png"
  />
</template>

import { useNeuron, MobileUnsupported } from '@agent-layer-zero/dendrite-react'

const { error } = useNeuron({ modelId: '…' })

if (error === 'MOBILE_UNSUPPORTED') {
  return <MobileUnsupported logoSrc="/your-logo.png" />
}

<div class="alz-mobile-unsupported">
  <img src="/your-logo.png" alt="" class="alz-mobile-unsupported__logo" />
  <div class="alz-mobile-unsupported__content">
    <p class="alz-mobile-unsupported__title">Desktop Required</p>
    <p class="alz-mobile-unsupported__text">…</p>
  </div>
</div>