IdenticonAvatar

<IdenticonAvatar> renders a deterministic, GitHub-style geometric identicon from any seed.

Usage

<script setup>
import { IdenticonAvatar } from '@maxnth/gestalt'
</script>

<template>
  <IdenticonAvatar seed="[email protected]" :size="96" />
</template>

Props

Prop	Type	Default	Description
`seed`	`string \| number`	—	Any value; each unique seed yields a unique pattern.
`size`	`number`	`32`	Rendered size in pixels.
`radius`	`number \| string`	`"9999px"`	Corner radius. Number is pixels; string is CSS.
`mirror`	`"horizontal" \| "vertical" \| "both" \| "none"`	`"horizontal"`	Which axis to mirror.
`foreground`	`string`	—	Cell color as `#RGB` or `#RRGGBB`; invalid values use the generated color.
`background`	`string`	—	SVG background as `#RGB` or `#RRGGBB`; invalid values use the generated color.
`ring`	`boolean \| number \| string`	`false`	Optional outline. `true` = white 2px ring.
`style`	`object`	—	Extra inline styles merged onto the wrapper.

Mirror modes

<IdenticonAvatar seed="github" :size="96" mirror="horizontal" ring />

<IdenticonAvatar seed="github" :size="96" mirror="vertical" ring />

<IdenticonAvatar seed="github" :size="96" mirror="both" ring />

<IdenticonAvatar seed="github" :size="96" mirror="none" ring />

InitialsAvatar

<InitialsAvatar> renders one or two initials on a solid background — perfect for fallback profile pictures.

FlowFieldAvatar

The <FlowFieldAvatar> component renders deterministic streamlines through a seed-derived noise field.