@agent-face/vue

Vue wrapper for deterministic crypto avatars from wallet addresses, public keys, hashes, and any stable string.

Install

pnpm add @agent-face/vue
pnpm add vue

Usage

<script setup lang="ts">
import { AgentFace } from "@agent-face/vue";
</script>

<template>
  <AgentFace seed="demo-agent" character-type="plant" :size="120" class="rounded-3xl shadow-sm" />
</template>

Props

• seed?: string
• config?: AgentFaceConfig
• characterType?: CharacterType
• size?: number | string
• className?: string
• imageUrl?: string
• imageAlt?: string
• imageClassName?: string

If imageUrl is provided, the component shows a lightweight sketch placeholder while the image is loading. If imageUrl fails to load, the component falls back to the generated AgentFace avatar. If characterType is omitted, the component keeps the original robot behavior. Good fit for wallet UIs, onchain profile cards, member lists, and portfolio dashboards.