Generated customization

Customize frames, palettes, and individual generated choices while preserving deterministic output.

Frames

<Avatar name="Janaki" frame="rounded" />
<Avatar name="Janaki" frame="circle" />
<Avatar name="Janaki" frame="square" />

Palettes

The first colour is the background and the second is the blob body:

<Avatar name="Janaki" palette={["#eef9ff", "#38bdf8"]} />

Any six-digit hex colours are accepted by the renderer. Keep sufficient contrast between the body, the generated ink colour, and the surrounding interface.

Pin only selected features

choices uses zero-based indexes. Every omitted or invalid field falls back to the seed-generated choice, so you can pin one feature without taking ownership of the entire face.

<Avatar
  name="Janaki"
  choices={{
    shapeI: 16,
    eyeI: 6,
    mouthI: 10,
    browI: 5,
  }}
/>

Field	Valid indexes	Meaning
`shapeI`	0–20	21 blob shapes
`eyeI`	0–13	14 eye styles
`lookI`	0–4	centre, left, right, up, down
`mouthI`	0–10	11 mouth styles
`browI`	0–8	9 brow styles
`gapI`	0–2	close, medium, wide eye spacing
`tiltI`	0–14	body tilt from −14° to 14° in 2° steps
`faceTiltI`	0–24	face angle from −12° to 12°
`dxI`	0–4	horizontal face position from −2 to 2
`dyI`	0–2	vertical face position from −1 to 1
`flip`	0–1	normal or mirrored

Indexed overrides are compact and useful for procedural systems. For stored user choices or human-edited configuration, prefer the semantic CustomAvatar definition.

Generated customization

FramesCopy Anchor Link

PalettesCopy Anchor Link

Pin only selected featuresCopy Anchor Link

On this page

Frames

Palettes

Pin only selected features